Skip to content

jotasilvadev/pokedex-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

POKÉDEX

Pokédex criada utilizando React.JS e consumindo a Api Pokémon.

Veja a aplicação rodando aqui:

https://main.d3dwmzmm1q71g2.amplifyapp.com/

Funcionalidades

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.

Ferramentas utilizadas

Planejamento

  • 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

Decisões tomadas no processo

  • 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.

Futuras atualizações no projeto

  • 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.

Para rodar o projeto no seu computador

Baixar o código.

Ter node.js instalado.

Abrir o terminal e usar os comando:

  • npm install
  • npm start

Screenshot Pokémon Info

About

pokedex react app using pokemon api.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published