Esse projeto é referente a uma Pokédex, é uma enciclopédia virtual portátil. Os treinadores pokémon registram todas as espécies diferentes de pokémons que são encontrados durante sua viagem como treinadores. A lista de pokémons que encontra-se na pokédex é referente aos pokémos da primeira geração.
O projeto foi desenvolvido utilizando o React. Na elaboração do projeto foi abordado as seguintes funcionalidades:
-
JSX
-
Componentes
-
Props
-
Estado
-
Fluxo de dados no React
-
Renderização de listas
-
Renderização condicional
-
Axios
-
Styled-components
-
PokéApi
-
API Rest
-
React Router
-
GlobalState
link: <https://projeto-react-apis-tau.vercel.app/>
O projeto foi elaborado em 4 partes:
- Home/Pokédex:
-
A página inicial apresenta todos os pokémons da primeira geração, no notal de 151 pokémons.
-
Podemos consultar em cada card os detalhes de cada pokémon em espscifico.
-
Contém um botão em cada card para capturar o pokémon desejado, quando o usuário clica no botão para capturar o pokémon desejado, o mesmo será direcionado para sua pokélist.
-
No card dos pokémons consta o id, nome, tipo, detalhes e capturar.
- Pokélist:
-
Mostra a lista de todos os pokémons capturados.
-
No card tem a opção de excluir o pokémon.
- Detalhes:
-
Mostra o card detalhado com os status do pokémon e seus golpes.
-
Contém botão de excluir da pokédex ou adicionar à pokédex.
- Página de erro:
- Caso tenha alguma erro na página é sinalizado e tem um botão para retornar a página inicial.
-
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.