Pokedex

Teste técnico do curso Dev em Dobro onde o objetivo era:

• Consumir a API do Pokémon https://pokeapi.co/
• Mostrar na tela 10 pokémons e ao clicar no botão de exibir mais 10 a cada vez que o clique for realizado com o nome e a imagem
• Ao clicar no pokémon abrir uma nova página com os detalhes do pokémon selecionado
  • Na página de detalhes exibir:
    • Imagem do pokémon;
    • Nome;
    • Lista de movimentos do pokemon (moves);
    • Lista de habilidades do pokemon (abilities);
      • a lista de habilidades deve apresentar o nome e o textodescritivo da habilidade;
    • Tipo do pokemon (type);
• Possuir um botão para alterar entre light e dark mode;
• Utilizar Reactjs;
• Styled-components;
• react-router-dom;

Bônus que inseri no projeto;

• teste desenvolvido usando Typescript em conjunto com o Reactjs;
• react-icon;
• botão de rolagem para o topo da tela;
• react-switch;
• os temas de dark e light mode ficam salvos no localStorage assim se o usuário der reload o tema escolhido será mantido;
• page 404 Not Found;

Veja o projeto completo:

https://pokeapi-typescript.netlify.app/

Como usar:

• git clone https://github.com/Keitey/pokedex-teste.git
• cd pokedex-teste
• npm install
• npm start

Feito Com:

Copyright © 2022 Keitey Lopes Barros