Skip to content

Latest commit

 

History

History
85 lines (65 loc) · 3.38 KB

README.md

File metadata and controls

85 lines (65 loc) · 3.38 KB

Projeto Pokédex

PokeAPI Uma Pokédex completa que renderiza todos os pokémons da PokeAPI

índice

Funcionalidades do Projeto

  • Home com diversas Pokédexes das respectivas gerações
  • Pokédex pessoal totalmente interativa, podendo adicionar e remover qualquer pokémon
  • Visualização de detalhes de mais de 1.000 pokémons

Layout

Home

Cards interativos personalizados de acordo com o tipo primário do pokémon PokeCards

Lista selecionável com todas as regiões do universo Pokémon e seus respectivos pokémons, contendo mais de 1.000 pokémons GenSelector

Pokédex Pessoal

Renderização da lista de pokémons escolhidos pelo usuário PersonalPokedex

Caso o usuário não tenha selecionado nenhum pokémon, a página não fica vazia. Nesse caso é carregado uma mensagem para sinalizar o usuário PokedexVazia

Detalhes

Visualização dos detalhes do pokémon, sendo totalmente personalizado, com cores de fundo respectivas do tipo do pokémon. Contém também barras de status que aumentam e diminuem de acordo com o poder do pokémon e uma lista com algumas das habilidades disponíveis para aquele pokémon, sendo essas sempre diferentes, mostrando ao usuário novas informações caso acesse novamente PokeDetails

Página de Erro

Caso o usuário tenha algum problema na navegação de páginas, foi criado uma página de erro na qual ele pode retornar para a Home ao clicar ErrorPage

Demonstração

Link para acessar o site: Deploy Pokédex

Como rodar este projeto?

# Clone este repositório
$ git clone (link-do-repo)

# Acesse a pasta do projeto no seu terminal
$ cd pokedex

# Instale as dependências
$ npm install

# Execute a aplicação
$ npm run start

# A aplicação será iniciada na porta 3000, acesse pelo navegador: http://localhost:3000

Tecnologias Utilizadas

  1. React
  2. Styled Components
  3. React Router
  4. Axios
  5. Chakra

Pessoas Autoras

Lucas Tavares

LinkedIN

Próximos Passos

  • [] Tornar o layout responsivo para dispositivos móveis
  • [] Salvar Pokédex pessoal no LocalStorage
  • [] Implementar sistema de login
  • [] Exibir, nos Detalhes, linha evolutiva do pokémon e também transformações, como Mega Evoluções, Gigantamax e Terastallize
  • [] Exibir, nos Detalhes, fraquezas e vantagens do pokémon de acordo com o tipo dele
  • [] Implementar pesquisa de pokémons por nome, tipo e raridade