Projeto React Api

Pokedex

O projeto React e API´s proposto pela Labenu, possui 03 páginas: Home, Pokedex e Detalhes. O projeto faz uso de fonte de dados para sua elaboração a Poke Api (https://pokeapi.co/), uma Api pública, muito usada para aplicações focadas em aprendizado de programação.

Aplicações utilizadas no projeto:

    Integração de APIS
    React Router
    Design Systems
    Estado Global

Requisitos aplicados no Projeto:

As seguintes ferramentas foram utilizadas neste projeto

• React
• React Router
• Styled-components
• React Context
• Axios

Home

• Na página principal é mostrado todos os Pokémons em cards
• O Header funciona como um navegador entre as páginas detalhes, pokedex e homepage, e conta com botões para captura e exclusão de Pokémons da Pokedex

Informações no Card de Pokémons:

• Id e nome do Pokémon
• Botão de captura
• Botão para acesso a detalhes

Página de Detalhes

• Nesta página são exibidas imagens dos Pokémon selecionado
• Também é exibido os Stats e 04 Moves do Pokémon selecionado
• É possível capturar ou excluir o Pokémon desta página

Página Pokédex

• Página onde são exibidos os Pokémons capturados
• Os Pokémons ao serem capturados são removidos da exibição da HomePage
• Na página pokédex é possível excluir individualmente um pokémon capturado, ou todos os pokémons pelo botão Excluir Pokédex.

Linkedin

Linkedin

Documentação

Documentação

Autor

• @gabrielmacieldev

Link do deploy

• Link Vercel