Neste projeto foi desenvolvida uma pokédex que tem por objetivo mostrar uma lista de pokémons da primeira geração. O projeto foi desenvolvido em React.JS e suas funcionalidades, com integração de Api.
1- Home/Pokélist - Na página inicial são listados 151 cards de pokémons referentes à primeira geração de pokémons. - Obs: Cada card possui os dados específicos de cada pokémon. Ex: id, nome, tipos, imagem, botão de detalhes e botão de capturar. - Clicando em detalhes é possível visualizar as estatísticas e seus movimentos de batalha. - Clicando em capturar é possível catalogar o pokémon em sua pokédex.
2- Pokédex - Na pokédex serão listados todos os pokémons capturados, com a possibilade de excluí-los da mesma.
3- Detalhes - Na página de detalhes é possível visualizar as estatísticas e movimentos de batalha de cada pokémon, além de ter a possibilidade de adicioná-lo ou excluí-lo da pokédex, por meio de um botão localizado no header da página.
3- Página de erro - Nesta página contém uma mensagem de erro que só será exibida caso o usuário tente acessar alguma página que não seja as páginas acima, ou seja, que não esteja vinculada nas rotas do projeto.
React.js
Vite.js
Styled Components
React Hooks
Global State
API Rest
PokéApi
Axios
Vercel
| Link: https://projeto-react-apis-gamma.vercel.app/
-
Rode o console na pasta em que você baixou os arquivos;
-
Insira o comando
npm install
; -
Depois, o comando
npm run dev
para rodar no navegador.