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 devpara rodar no navegador.
