{"id":28392810,"url":"https://github.com/devluanpaiva/pokedex","last_synced_at":"2026-03-02T13:12:34.967Z","repository":{"id":292351349,"uuid":"864078174","full_name":"devLuanPaiva/pokedex","owner":"devLuanPaiva","description":"Desenvolver uma aplicação web que funcione como uma Pokédex, permitindo aos usuários pesquisar, visualizar e filtrar informações sobre os Pokémon, utilizando a PokeAPI.","archived":false,"fork":false,"pushed_at":"2025-06-15T18:41:51.000Z","size":909,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-12T02:02:45.439Z","etag":null,"topics":["bootstrap","cypress","pokeapi","typescript","vite","vitejs","vue"],"latest_commit_sha":null,"homepage":"https://pokedex-mocha-omega.vercel.app","language":"Vue","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/devLuanPaiva.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,"zenodo":null}},"created_at":"2024-09-27T13:00:44.000Z","updated_at":"2025-06-15T18:41:55.000Z","dependencies_parsed_at":"2025-05-09T13:59:32.132Z","dependency_job_id":"5ca57a90-905f-4381-90d3-752fa28e2e28","html_url":"https://github.com/devLuanPaiva/pokedex","commit_stats":null,"previous_names":["devluanpaiva/pokedex"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/devLuanPaiva/pokedex","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devLuanPaiva%2Fpokedex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devLuanPaiva%2Fpokedex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devLuanPaiva%2Fpokedex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devLuanPaiva%2Fpokedex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devLuanPaiva","download_url":"https://codeload.github.com/devLuanPaiva/pokedex/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devLuanPaiva%2Fpokedex/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30003742,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T12:19:43.414Z","status":"ssl_error","status_checked_at":"2026-03-02T12:19:02.215Z","response_time":60,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bootstrap","cypress","pokeapi","typescript","vite","vitejs","vue"],"created_at":"2025-05-31T15:08:34.925Z","updated_at":"2026-03-02T13:12:34.919Z","avatar_url":"https://github.com/devLuanPaiva.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pokédex\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://cdn-icons-png.flaticon.com/512/188/188987.png\" width=\"350px\"\u003e\n\u003cdiv data-badges\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vue.js-%2335495e.svg?style=for-the-badge\u0026logo=vue.js\u0026logoColor=%234FC08D\" alt=\"Vue.js\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"TypeScript\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/pokéapi-%23FFCB05.svg?style=for-the-badge\u0026logo=pokemon\u0026logoColor=black\" alt=\"PokéAPI\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/vitest-%23262626.svg?style=for-the-badge\u0026logo=vitest\u0026logoColor=%23FFD700\" alt=\"Vitest\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/bootstrap-%237952b3.svg?style=for-the-badge\u0026logo=bootstrap\u0026logoColor=white\" alt=\"Bootstrap\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/cypress-%23172a3a.svg?style=for-the-badge\u0026logo=cypress\u0026logoColor=white\" alt=\"Cypress\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/html5-%23e34f26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" alt=\"HTML5\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/css3-%231572b6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" alt=\"CSS3\" /\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\nPokédex é uma aplicação web que funciona como uma Pokédex, permitindo aos usuários pesquisar, visualizar e filtrar informações sobre os Pokémon. A aplicação utiliza a PokeAPI para obter dados sobre os Pokémon.\n\n## 📌Tecnologias Utilizadas\n\n- **Vue.js**: Framework JavaScript para construir interfaces de usuário.\n- **Vite**: Ferramenta de build rápida para aplicações web.\n- **Bootstrap**: Framework CSS para estilização responsiva.\n- **TypeScript**: Superset do JavaScript que adiciona tipagem estática.\n- **Vitest**: Framework de testes para o Vue.\n- **Vue Test Utils**: Biblioteca oficial para testar componentes Vue.\n\n## 🚧 Status do Projeto\n\n### Atualmente, o progresso da aplicação é:\n\n- Já foi realizada a organização do layout principal, incluindo o header e o footer, e a renderização desses componentes foi testada.\n- Os Pokémon já estão sendo listados com nome e foto.\n- Foram realizados testes de renderização para garantir que os Pokémon foram carregados na tela, testes para verificar se, ao clicar, o estado global é preenchido, e testes end-to-end para confirmar se o Pokémon é renderizado corretamente no card ao ser clicado.\n- As funcionalidades de **busca por nome** e **filtro por tipo** foram implementadas e testadas com sucesso.\n- Agora, o usuário pode **salvar Pokémon como favoritos** ao visualizar mais informações de um Pokémon específico.\n\n## 🧩 Instalação\n\n1. Clone o repositório:\n\n   ```bash\n   git clone https://github.com/devluanpaiva/pokedex.git\n\n   ```\n\n2. Navegue até o diretório:\n\n```sh\ncd pokedex\n\n```\n\n3. Instale as dependências:\n\n```bash\nnpm install\n# ou\nyarn install\n```\n\n4. Inicie o servidor de desenvolvimento:\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   # or\n   pnpm dev\n   # or\n   bun dev\n   ```\n5. Abra o navegador e acesse `http://localhost::5173`.\n\n##🔬 Testes\n\n### Teste a aplicação com [Vitest](https://vitest.dev/)\n\n```sh\nnpm run test:unit\n```\n\n### Rode testes End-to-End com [Cypress](https://www.cypress.io/)\n\n```sh\nnpm run test:e2e:dev\n```\n\nIsso executa os testes ponta a ponta no servidor de desenvolvimento Vite.\nÉ muito mais rápido que a construção de produção.\n\nMas ainda é recomendado testar a compilação de produção com `test:e2e` antes da implantação (por exemplo, em ambientes de CI):\n\n```sh\nnpm run build\nnpm run test:e2e\n```\n\n### Lint com [ESLint](https://eslint.org/)\n\n```sh\nnpm run lint\n```\n## 📚 Tutorial de Uso\n\nAo acessar a aplicação Pokédex, você será apresentado a uma lista de 300 Pokémon, exibindo seus nomes e imagens. Aqui está um guia rápido sobre como usar a aplicação:\n\n1. **Listagem de Pokémon**:\n\n   - Assim que você entrar no sistema, verá uma lista de Pokémon. Cada Pokémon é apresentado com sua imagem e nome.\n\n2. **Visualizando Detalhes de um Pokémon**:\n\n   - Para saber mais sobre um Pokémon, basta clicar em sua imagem ou nome.\n   - Ao lado da lista, um card aparecerá mostrando informações detalhadas sobre o Pokémon selecionado, incluindo:\n     - **Nome**\n     - **Imagem**\n     - **Estatísticas**:\n       - HP\n       - Attack\n       - Defense\n       - Special Attack\n       - Special Defense\n       - Speed\n     - **Tipos**: Os tipos do Pokémon são exibidos com as cores correspondentes.\n     - **Evoluções**: A cadeia de evolução é apresentada com imagens e nomes.\n\n3. **Busca por Nome**:\n\n   - Acima da lista de Pokémon, você encontrará um campo de busca.\n   - Digite o nome do Pokémon desejado nesse campo. A cada letra digitada, a lista será filtrada automaticamente para exibir apenas os Pokémon que correspondem ao texto inserido.\n\n4. **Filtro por Tipo**:\n\n   - Ao lado do campo de busca, há um dropdown para filtro.\n   - Clique no dropdown para selecionar um ou mais tipos (como água, fogo, grama, etc.).\n   - Ao escolher um tipo, a lista de Pokémon será atualizada para mostrar apenas aqueles que correspondem ao tipo selecionado.\n\n5. **Favoritar Pokémon**:\n   - Na parte superior direita do card de detalhes, há um **ícone de coração**.\n   - Ao clicar nesse ícone, o Pokémon será **salvo como favorito**.\n   - Para acessar a lista de Pokémon favoritos, basta clicar em **\"Favoritos\"** no menu de navegação no cabeçalho.\n\nSiga essas instruções para explorar e encontrar informações sobre seus Pokémon favoritos de maneira fácil e rápida!\n\n## 🌌 Interfaces\n\n![Home](https://ik.imagekit.io/p0mm3nebo/pokedex/Facebook%20cover%20-%205.jpg?updatedAt=1746794346157)\n\n### Listagem de Pokémon\n![Listagem de Pokémon](./src/assets/filtro.png)\n\n### Pokémons Favoritos\n![Favoritar Pokémon](./src/assets/favoritos.png)\n\n\n## ✍️ Contribuições\n\nSinta-se à vontade para contribuir com este projeto. Sugestões, correções de bugs e melhorias são sempre bem-vindas. Por favor, siga o fluxo de trabalho do Git Flow para submissão de pull requests.\n\n## 🔗 Créditos\n\nA inspiração para o desenvolvimento deste projeto veio da playlist, [PokeVite - Curso Vue 3 + Vite](https://www.youtube.com/playlist?list=PLygIEirBzJi64nSpsN1S6varBLU0HckAF).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevluanpaiva%2Fpokedex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevluanpaiva%2Fpokedex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevluanpaiva%2Fpokedex/lists"}