{"id":23681935,"url":"https://github.com/vilhalva/pokenext","last_synced_at":"2026-04-11T05:07:34.634Z","repository":{"id":241640627,"uuid":"807319529","full_name":"VILHALVA/POKENEXT","owner":"VILHALVA","description":"👨‍🏫APLICAÇÃO POKEDEX CRIADO PARA A VISUALIZAÇÃO DE POKÉMONS COM API POKEAPI.","archived":false,"fork":false,"pushed_at":"2024-05-28T22:07:35.000Z","size":2640,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T18:45:59.644Z","etag":null,"topics":["api","css","framework","javascript","nextjs","nodejs","projeto","search","site","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/VILHALVA.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-05-28T21:54:27.000Z","updated_at":"2024-05-29T00:16:53.000Z","dependencies_parsed_at":"2024-05-29T13:03:03.204Z","dependency_job_id":"fb36b9b3-eb43-4efa-a463-1171d91ca462","html_url":"https://github.com/VILHALVA/POKENEXT","commit_stats":null,"previous_names":["vilhalva/pokenext"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPOKENEXT","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPOKENEXT/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPOKENEXT/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPOKENEXT/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/POKENEXT/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239728697,"owners_count":19687389,"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":["api","css","framework","javascript","nextjs","nodejs","projeto","search","site","typescript"],"created_at":"2024-12-29T18:46:30.472Z","updated_at":"2025-12-30T19:59:57.599Z","avatar_url":"https://github.com/VILHALVA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# POKENEXT\r\n👨‍🏫APLICAÇÃO POKEDEX CRIADO PARA A VISUALIZAÇÃO DE POKÉMONS COM API POKEAPI.\r\n\r\n\u003cimg src=\"./IMAGENS/FOTO_01.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_02.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_03.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_04.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_05.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_06.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\r\n## DESCRIÇÃO:\r\nEste projeto é uma Pokédex interativa desenvolvida com Next.js e Tailwind CSS. Ele permite aos usuários visualizar uma lista de Pokémon, pesquisar por nome ou ID, e obter detalhes específicos de cada Pokémon, incluindo suas estatísticas, tipos e habilidades.\r\n\r\n## FUNCIONALIDADES:\r\n- **Listagem de Pokémon:** Carrega e exibe uma lista de Pokémon com informações básicas, como nome, tipo e imagem animada.\r\n- **Pesquisa:** Permite aos usuários pesquisar Pokémon por nome ou ID.\r\n- **Detalhes do Pokémon:** Fornece informações detalhadas de cada Pokémon, incluindo suas estatísticas (HP, Ataque, Defesa, etc.) e habilidades.\r\n- **Carregamento Dinâmico:** Carrega mais Pokémon conforme o usuário rola ou clica em \"Load More\".\r\n- **Navegação:** Utiliza o componente `Link` do Next.js para navegação entre as páginas.\r\n- **getType:** Hook que retorna a classe CSS correspondente ao tipo do Pokémon.\r\n- **capitalize:** Hook que capitaliza a primeira letra do nome do Pokémon.\r\n- **PokemonDetails:** Componente que exibe detalhes do Pokémon pesquisado.\r\n- **ThreeDots:** Componente de carregamento para indicar que os dados estão sendo carregados.\r\n- **Páginas Dinâmicas:** Este projeto também inclui páginas dinâmicas para exibir detalhes específicos de cada Pokémon. As rotas dinâmicas são configuradas usando `getStaticPaths` e `getStaticProps` do Next.js para gerar páginas estáticas para cada Pokémon.\r\n\r\n## EXECUTANDO O PROJETO:\r\n1. **Instalar as dependências do projeto**:\r\n   - Execute o comando no diretório `CODIGO/`:\r\n     ```cmd\r\n     npm install\r\n     ```\r\n   Este comando instala todas as dependências listadas no arquivo `package.json` do seu projeto. Certifique-se de estar no diretório do seu projeto ao executar este comando.\r\n\r\n2. **Executando o Aplicativo:**\r\n   - Para subir o servidor abra Terminal/CMD e digite o seguinte comando:\r\n   ```bash\r\n   npm run dev\r\n   ```\r\n   - Acesse o APP no navegador visitando [`http://localhost:3000/`](http://localhost:3000/).\r\n\r\n## NÃO SABE?\r\n- Entendemos que para manipular arquivos em `HTML`, `CSS` e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis:\r\n* [CURSO DE NEXTJS](https://github.com/VILHALVA/CURSO-DE-NEXTJS)\r\n* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\r\n* [CURSO DE TYPESCRIPT](https://github.com/VILHALVA/CURSO-DE-TYPESCRIPT)\r\n* [CURSO DE JAVASCRIPT](https://github.com/VILHALVA/CURSO-DE-JAVASCRIPT)\r\n* [CURSO DE NODEJS](https://github.com/VILHALVA/CURSO-DE-NODEJS)\r\n* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\r\n\r\n## CREDITOS:\r\n- [PROJETO CRIADO PELO \"kevinLyf\"](https://github.com/kevinLyf/pokenext)\r\n- [PROJETO EDITADO PELO VILHALVA](https://github.com/VILHALVA)\r\n\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fpokenext","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fpokenext","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fpokenext/lists"}