🐣 Projeto desenvolvido em React JS com o consumo de uma API REST (PokeAPI), simulando uma Pokédex, com funcionalidades como capturar o pokémon, remover, ver detalhes, etc.
Clique aqui para acessar o deploy do projeto
Seguem as principais features acrescentadas nesse projeto:
- O usuário consegue acessar a página Home, onde encontra uma lista com, no mínimo, 20 Pokémons
- Cada Pokémon da lista é representado como um card com opções de adicionar à Pokédex e ver detalhes
- O usuário consegue adicionar um Pokémon à sua Pokédex
- O usuário consegue remover um Pokémon da Pokédex
- Não é possível adicionar duas vezes o mesmo Pokémon na Pokédex
- Cabeçalho com botões para transitar entre Home e Pokédex
- O usuário consegue acessar a página da Pokédex, onde encontra uma lista dos Pokémons adicionados
- O usuário consegue abrir uma página de detalhes específicos de um Pokémon, esteja ele na Home ou na Pokédex
- [Desafio] Listas de Pokémons paginadas
- [Desafio] Todas as telas do site são responsivas
Seguem as implementações a serem adicionadas nesse projeto:
- O usuário conseguirá usar o botão no cabeçalho da página de Detalhes para adicionar ou remover Pokémon da Pokédex
- [Desafio] O usuário conseguirá fazer uma batalha entre dois Pokémons e há uma resposta de quem é o vitorioso
Nesse projeto, usei a Poke Api como fonte de dados para o projeto. Ela é uma API pública, bastante utilizada como fonte de dados para aplicações focadas em aprendizado de programação.
Clone o projeto via HTTPS
git clone https://github.com/matheusqueirozds/pokedex.gitEntre no diretório do projeto
cd pokedexInstale todas as dependências abaixo:
npm i axios npm i react-router-dom npm i styled-componentsInicie o servidor
npm run start
