Skip to content

CamiFranca/projeto-react-apis

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 

Repository files navigation

Projeto React e API's

Pokemon

O Projeto React e APIs é um site de pokémons que possui três páginas: Home, Pokedex e Detalhes. Este projeto teve como fonte de dados para a sua criação a Poke Api, uma Api pública.

Os principais conteúdos aplicados são:

  • Integração de APIs
  • React Router
  • Design Systems
  • Estado Global
  • Styled components
  • desingn systems
  • Requisição com axios

Funcionalidades

  • Página Home:
    • Mostra uma lista contendo 21 Pokemons;
    • Cada Pokemon é representado por um Card;
    • Em cada card de Pokemon tem um botão para adicioná-lo à Pokedex e um outro botão para acessar os detalhes do Pokemon;
    • Header dessa página tem um botão para acessar a página da Pokedex
  • Página Pokédex
    • Renderizar a lista de pokémons adicionados na pokedex;
    • Em cada card de Pokemon tem um botão para removê-lo da Pokedex e um outro botão para acessar os detalhes do Pokemon.
    • Header te um botão para voltar para a Home
    • Não é possível adicionar o mesmo Pokemon duas vezes na Pokedex
  • Página de Detalhes
    • Mostrar os detalhes do Pokemon selecionado, com informações descritas
    • Header tem um botão para remover o pokemon da Pokedex e outro para voltar a página home.

Layout

Link de demonstração

Instruções para rodar este projeto

...

  • Faça o fork desse repositório e realize o clone da sua cópia `seu-nome-de-usuario/ $ git clone + o link
  • Acesse a pasta do projeto no seu terminal $ cd projeto-react-apis
  • Instale as dependências $ npm install
  • Execute a aplicação $ npm run start
  • A aplicação será iniciada na porta 3000, acesse pelo navegador ...

Sobre a realizadora

Olá, eu sou Camilla França e amo o título de pessoa desenvolvedora. <3

Mais sobre mim:

https://github.com/CamiFranca https://www.linkedin.com/in/camilla-fran%C3%A7a-574721205/

About

Ultimo projeto do modulo 2 - Front

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.3%
  • HTML 2.7%