https://pokedex-leonardo-canone.surge.sh

O Projeto POKÉDEX (React e APIs) é um site de Pokémons que possui três páginas: Home, Pokédex e Detalhes.

O objetivo deste projeto foi criar um site com essas três páginas usando como fonte de dados para a sua criação a Poke Api, utilizando as seguintes ferramentas:

• React
• React Router
• Styled-components
• React Context
• Axios

Os principais conteúdos estudados neste projeto foram:

• Integração de APIs
• React Router
• Design Systems
• Estado Global

• Gerais:

  • O site deve ter 3 páginas: Home, Pokédex e Detalhes;
  • Projeto deve seguir o design proposto;
  • O fluxo de trocas de páginas devem ser semelhante ao fluxograma;

• Página Home:

  • Mostrar uma lista de Pokemons, contendo ao menos 20 Pokemons;
  • Cada Pokemon será representado por um Card;
  • Em cada card de Pokemon tem um botão para adicioná-lo à Pokédex e um outro botão para acessar os detalhes do Pokemon;
  • Header dessa página terá um botão para acessar a página da Pokédex

  Desktop - Homepage

  

  Desktop - Mensagem de Captura

  

  Tablet Grande

  

  Tablet Convencional

  

  Smartphone

  

• Página Pokédex

  • Renderizar a lista de pokémons adicionados na Pokédex;
  • Em cada card de Pokemon deve ter um botão para removê-lo da Pokédex e um outro botão para acessar os detalhes do Pokemon.
  • Header deve ter um botão para voltar para a Home
  • Não deve ser possível adicionar o mesmo Pokemon duas vezes na Pokédex

  Desktop - Pokédex Page

  

  Desktop - Mensagem de Exclusão

  

• Página de Detalhes

  • Mostrar os detalhes do Pokemon selecionado, com informações descritas
  • Header deve ter um botão para adicionar ou remover da Pokédex e outro para voltar a página home.
  • Criar um readme para o projeto;

  Página de detalhes com botão Adicionar

  

  Página de detalhes com botão Excluir