{"id":15131353,"url":"https://github.com/charlesbrun/code-hero","last_synced_at":"2026-02-20T01:01:41.886Z","repository":{"id":252326770,"uuid":"840093467","full_name":"CharlesBrun/code-hero","owner":"CharlesBrun","description":null,"archived":false,"fork":false,"pushed_at":"2024-08-10T16:26:00.000Z","size":1868,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-05T20:45:03.858Z","etag":null,"topics":["react","styled-components","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CharlesBrun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-09T00:46:49.000Z","updated_at":"2024-08-10T16:26:02.000Z","dependencies_parsed_at":"2024-09-26T03:50:58.686Z","dependency_job_id":null,"html_url":"https://github.com/CharlesBrun/code-hero","commit_stats":null,"previous_names":["charlesbrun/code-hero"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesBrun%2Fcode-hero","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesBrun%2Fcode-hero/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesBrun%2Fcode-hero/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlesBrun%2Fcode-hero/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CharlesBrun","download_url":"https://codeload.github.com/CharlesBrun/code-hero/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247399826,"owners_count":20932875,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","styled-components","typescript"],"created_at":"2024-09-26T03:40:51.679Z","updated_at":"2025-10-15T15:06:15.199Z","avatar_url":"https://github.com/CharlesBrun.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Marvel Characters Project\n\n## Description\n\nThis project allows users to search and view details about Marvel characters. The application uses the Marvel API to retrieve data on characters, comics, series, stories, and events.\n\n## Technologies Used\n\n- **React**: JavaScript library for building user interfaces.\n- **TypeScript**: A superset of JavaScript that adds static typing.\n- **Styled Components**: Library for styling React components using CSS-in-JS.\n- **Yarn**: Package manager for the project.\n\n## Features\n\n- **Character Search**: Allows searching for Marvel characters by name.\n- **Detail Display**: Shows details of the selected character, including comics, series, stories, and events.\n- **Pagination**: Navigate through search results using pagination.\n\n## Installation\n\nTo install the project dependencies, use Yarn. Run the following command at the root of the project:\n\n```bash\nyarn install\n```\n\n## Script\n\n- **Start the Application**: To start the application, run:\n\n```bash\nyarn start\n```\n\n## Project Structure\n\n- **`src/`**: Contains the source of the application.\n  - **`components/`**: Components of the application.\n  - **`pages/`**: Pages of the application.\n  - **`context/`**: Contexts for state management.\n  - **`services/`**: Services for API calls.\n  - **`styles/`**: Global styles and themes.\n  - **`interfaces/`**: TypeScript types and interfaces.\n- **`public/`**: Static files and the basic HTML structure.\n- **`package.json`**: Project configuration and scripts.\n- **`tsconfig.json`**: TypeScript configuration.\n\n\u003chr\u003e\n\n# Projeto Personagens da Marvel\n\n## Descrição\n\nEste projeto permite buscar e visualizar detalhes sobre personagens da Marvel. A aplicação utiliza a API da Marvel para obter dados sobre personagens, quadrinhos, séries, histórias e eventos.\n\n## Tecnologias Utilizadas\n\n- **React**: Biblioteca JavaScript para construção de interfaces de usuário.\n- **TypeScript**: Superset do JavaScript que adiciona tipagem estática.\n- **Styled Components**: Biblioteca para estilização de componentes React utilizando CSS-in-JS.\n- **Yarn**: Gerenciador de pacotes para o projeto.\n\n## Funcionalidades\n\n- **Busca de Personagens**: Permite buscar personagens da Marvel por nome.\n- **Exibição de Detalhes**: Mostra detalhes do personagem selecionado, incluindo quadrinhos, séries, histórias e eventos.\n- **Paginação**: Navegue pelos resultados da busca utilizando paginação.\n\n## Instalação\n\nPara instalar as dependências do projeto, utilize o Yarn. Execute o seguinte comando na raiz do projeto:\n\n```bash\nyarn install\n```\n\n## Script\n\n- **Iniciar a Aplicação**: Para iniciar a aplicação, execute:\n\n```bash\nyarn start\n```\n\n## Estrutura do Projeto\n\n- **`src/`**: Contém o código-fonte da aplicação.\n  - **`components/`**: Componentes reutilizáveis da aplicação.\n  - **`pages/`**: Páginas da aplicação.\n  - **`context/`**: Contextos React para gerenciamento de estado.\n  - **`services/`**: Serviços para chamadas à API.\n  - **`styles/`**: Estilos globais e temas.\n  - **`interfaces/`**: Tipos e interfaces TypeScript.\n- **`public/`**: Arquivos estáticos e a estrutura básica do HTML.\n- **`package.json`**: Configuração do projeto e scripts.\n- **`tsconfig.json`**: Configuração do TypeScript.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharlesbrun%2Fcode-hero","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcharlesbrun%2Fcode-hero","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharlesbrun%2Fcode-hero/lists"}