Skip to content

DevLucasTavares/projeto-react-apis

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 

Repository files navigation

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

About

Ultimo projeto do modulo 2 - Front

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.0%
  • HTML 4.0%