Bem-vindo ao Pokémon App, uma aplicação desenvolvida em React que exibe uma lista de Pokémon, permite visualizar detalhes específicos e marcar os favoritos.
Para testar e rodar a aplicação, você precisa ter o seguinte ambiente configurado:
- Node.js versão 18 ou 16 (recomenda-se o Node.js 18 para garantir compatibilidade com as dependências).
Para verificar se a versão do Node.js instalada é compatível, utilize o comando:
node -vCertifique-se de que o retorno seja v18.x.x ou v16.x.x. Se precisar instalar ou atualizar o Node.js, você pode baixá-lo aqui.
Siga os passos abaixo para rodar a aplicação localmente:
-
Clone o repositório:
git clone [email protected]:SamuelRocha91/pokedex.git
-
Entre no diretório do projeto:
cd pokemon-app -
Instale as dependências:
Execute o comando abaixo para instalar todas as dependências necessárias:
npm install
-
Execute a aplicação:
Após a instalação das dependências, inicie a aplicação com o comando:
npm start
Isso iniciará o servidor de desenvolvimento. Abra o navegador e acesse
http://localhost:3000para visualizar a aplicação.
- Pokedex: Exibe a lista de Pokémon com a possibilidade de favoritar.
- Detalhes do Pokémon: Exibe as informações detalhadas do Pokémon selecionado.
- Pokémon Favoritos: Página dedicada aos Pokémon marcados como favoritos.
- Página Sobre: Explica o propósito da aplicação.
- Página Não Encontrada (404): Apresentada quando uma rota inexistente é acessada.
A aplicação está estruturada da seguinte forma:
/src: Contém todo o código-fonte da aplicação./components: Componentes reutilizáveis./pages: Páginas da aplicação (Pokedex, Detalhes, Favoritos, Sobre, etc.)./types: Tipos de PropTypes definidos para validação das props.Routes.js: Define as rotas principais da aplicação.
Para garantir que a aplicação está funcionando corretamente, você pode rodar os testes automatizados utilizando:
npm test- 🌶️ Recipes App
- 🎮 Trivia
- 👛 Expense organizer