Skip to content

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.

Notifications You must be signed in to change notification settings

AlineBCBenjamim/projeto-react-apis

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokédex

Logo da Pokédex

Badge Finalizado

Introdução

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

    imagem da página da pokédex


Deploy

link: <https://projeto-react-apis-tau.vercel.app/>

Descrição

O projeto foi elaborado em  4 partes:

  1. 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.

  1. Pokélist:
  • Mostra a lista de todos os pokémons capturados.

  • No card tem a opção de excluir o pokémon.

  1. 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.

  1. Página de erro:
  • Caso tenha alguma erro na página é sinalizado e tem um botão para retornar a página inicial.

Rodando o projeto

  • 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.

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.5%
  • HTML 1.5%