Projeto React inspirado na Pokédex do anime Pokémon. Nele você pode criar sua própria pokédex com os seus pokémons preferidos.
Guilherme de Oliveira Barros |
Matheus Lima Ribeiro |
Junio Batista Silva |
- HTML
- JavaScript
- Estilização CSS (Styled Componentes e Chakra UI Design System)
- Customs e React Hooks
- React Router DOM
- Integração com API rest via axios.
Este projeto tem três paginas principais de navegação, que são elas: Pagina Inicial, Pagina da Pokedex, e Pagina de Batalhas.
Na Página inicial, você pode escolher pokémons pesquisando por nome na área superior do site ou partindo das opções que são apresentadas na tela... na parte inferior, clicando em "carregar mais" são adicionados mais pokémons para que você possa escolher. E ainda nos cards que são exibidos, dando um clique na imagem do pokemon você consegue ver o perfil completo e todas as caracteristicas físicas e de skills de batalha do pokémon selecionado.
Na Página da Pokédex são exibidos os pokémons escolhidos previamente por você. Nessa página também há a possibilidade remover o pokémon da pokédex e clicar no card e acessar os detalhes físicos e características de batalha do pokémon selecionado
Na Página de batalhas, dentre os pokémons que estão na sua pokédex, escolha dois deles e inicie uma batalha. o que tiver melhores pontos de ataques e defesa sobreviverá, então, que vença o melhor!
output.mp4
# Clone o projeto
$ git clone https://github.com/future4code/Joy-pokedex1.git# Instale as dependencias.
$ npm install# Por ultimo
$ npm start