Pokédex - Projeto React e API's

Pokedex_Pequeno.mp4

Introdução

O projeto é uma aplicação web contendo 1008 pokémons utilizando a API PokeApi. Contém as principais informações nas páginas de detalhes de cada pókemon individualmente e a possibilidade de capturar seus pókemons favoritos na pokédex.

Link de Acesso

• Deploy no Vercel: Clique aqui!

Sobre o Projeto

Instalando

# Instalando dependências
npm install
# Executando o projeto
npm start

Bibliotecas Utilizadas

react-router-dom
axios
@chakra-ui/react
@emotion/react
@emotion/styled
framer-motion
@chakra-ui/icons
react-icons
@fontsource/inter
@fontsource/poppins
@ajna/pagination

Tecnologias

• ReactJS
• React Router
• Axios
• React Context
• React Hooks
• Design System (Chakra UI)
• localStorage

Funcionalidades

• Visualizar ista de 1008 pokémons principais dos 1281 disponíveis na PokeAPI, organizados por página (24 pokémons em cada);
• Visualizar cada pokémon é representado por um card que contém: nome, id, tipo, imagem, botão de captura e botão para página de detalhes.
• Visualizar página com os principais detalhes do pókemon: nome, id, tipo, imagem, gif de front e back, base stats (estatísticas) e seus primeiros moves (movimentos).
• Adicionar pokémons a pokédex;
• Visualizar Lista dos pokémons adicionados, representados por cards, na pokédex.
• Remover pokémons adicionados na pokédex.
• Responsivo para Web, Tablet e Mobile.

Status do projeto

• Concluído ⏳

Contato

E-mail: suuzanemoura@gmail.com