{"id":23681937,"url":"https://github.com/vilhalva/projeto-pokenext","last_synced_at":"2026-04-11T06:04:35.670Z","repository":{"id":241635272,"uuid":"807308183","full_name":"VILHALVA/PROJETO-POKENEXT","owner":"VILHALVA","description":"👨‍🏫PROJETO CRIADO PARA O CURSO DE NEXTJS.","archived":false,"fork":false,"pushed_at":"2024-05-28T21:19:06.000Z","size":215,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T18:46:02.106Z","etag":null,"topics":["api","css","curse","framework","javascript","nextjs","nodejs","projeto","site"],"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:15:29.000Z","updated_at":"2024-05-28T21:19:09.000Z","dependencies_parsed_at":"2024-05-29T12:21:02.620Z","dependency_job_id":"6975bffb-3063-429e-a32d-cb0bf7bfbd56","html_url":"https://github.com/VILHALVA/PROJETO-POKENEXT","commit_stats":null,"previous_names":["vilhalva/projeto-pokenext"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPROJETO-POKENEXT","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPROJETO-POKENEXT/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPROJETO-POKENEXT/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FPROJETO-POKENEXT/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/PROJETO-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","curse","framework","javascript","nextjs","nodejs","projeto","site"],"created_at":"2024-12-29T18:46:32.165Z","updated_at":"2025-12-30T23:04:39.372Z","avatar_url":"https://github.com/VILHALVA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PROJETO POKENEXT\r\n👨‍🏫PROJETO CRIADO PARA O CURSO DE NEXTJS.\r\n\r\n\u003cimg src=\"./IMAGENS/FOTO_1.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_2.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\u003cimg src=\"./IMAGENS/FOTO_3.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e \r\n\r\n## DESCRIÇÃO:\r\nEste é um projeto de exemplo criado com Next.js, que é um framework React para desenvolvimento de aplicações web. O objetivo deste projeto é criar uma aplicação de Pokédex, onde os usuários podem visualizar informações detalhadas sobre diferentes Pokémon, utilizando dados da PokeAPI. A aplicação demonstra o uso de rotas dinâmicas, requisições a APIs, carregamento de dados estáticos, e a criação de componentes estilizados.\r\n\r\n## FUNCIONALIDADES:\r\n1. **Listagem de Pokémon:** Exibe uma lista de Pokémon utilizando dados obtidos da PokeAPI.\r\n2. **Detalhes do Pokémon:** Permite aos usuários clicarem em um Pokémon para ver detalhes como nome, imagem, número, tipos, altura e peso.\r\n3. **Rotas Dinâmicas:** Utiliza rotas dinâmicas para gerar páginas individuais para cada Pokémon.\r\n4. **Estilização com CSS Modules:** Estiliza a aplicação utilizando CSS Modules para componentes encapsulados e com escopo local.\r\n5. **Imagens Otimizadas:** Utiliza o componente `Image` do Next.js para carregamento otimizado de imagens.\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 HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\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 FEITO PELO VILHALVA](https://github.com/VILHALVA)\r\n- [PROJETO CRIADO PARA O CURSO DE NEXTJS](https://github.com/VILHALVA/CURSO-DE-NEXTJS)\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fprojeto-pokenext","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fprojeto-pokenext","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fprojeto-pokenext/lists"}