Pokédex criada utilizando React.JS e consumindo a Api Pokémon.
Veja a aplicação rodando aqui:
https://main.d3dwmzmm1q71g2.amplifyapp.com/
Página inicial mostra os Pokémons do #1 ao #10. Ao clicar no nome do Pokémon abre a página de informações. Possui um botão pokédex no topo das informações que retorna. A cada clique em carregar mais pokémons, são mostrados +10 pokémons na página. Botão start altera o fundo entre padrão e preto.
- React.JS - https://pt-br.reactjs.org/
- Styled-components - https://styled-components.com/
- React Router - https://v5.reactrouter.com/
- APi Pokémon - https://pokeapi.co/
- AWS Amplify - https://aws.amazon.com/pt/amplify/
- Passo 1 > Listar os 10 primeiros pokemons.
- Passo 2 > Colocar a img dos pokemons.
- Passo 3 > Criar o botão que carrega + 10 pokemons.
- Passo 4 > Criar o component das informações.
- Passo 5 > Criar a rota para a página de informações.
- Passo 6 > Organizar as páginas.
- Passo 7 > Styled components da home.
- Passo 8 > Styled components do details.
- Passo 9 > Toggle para alterar o tema.
- Passo 10 > Refatoração
- Colocar além do nome e img, o ID do Pokémon.
- Fazer o layout focado no mobile.
- Hosting da AWS Amplify para rodar a aplicação online.
- Campo de busca por nome ou id.
- Addcionar páginas para mostrar por tipo escolhido.
- Escolha de 6 pokémons para criar um time e salvar em pdf.
- Switch para mudar o tema da pokédex entre Red/Blue/Green/.
- Layout desktop.
Baixar o código.
Ter node.js instalado.
Abrir o terminal e usar os comando:
- npm install
- npm start