Pokedex React

Aplicação web de Pokédex construída com React, consumindo a PokeAPI, com foco em arquitetura limpa, performance e experiência visual moderna.

Visão Geral

• Listagem paginada de Pokémons
• Busca por nome ou número da Pokédex
• Modal com detalhes completos (dados + base stats)
• Interface responsiva (desktop, tablet e mobile)
• Testes de regressão para fluxos críticos

Status Atual

• Refactor arquitetural concluído (components, hooks, services, utils, constants)
• Camada de dados com cache em memória e deduplicação de requests
• Acessibilidade aprimorada (focus states, modal com Esc, clique fora e lock de scroll)
• Redesign completo da UI (header, busca, cards, modal, paginação e footer)
• Barra de stats do modal com visual refinado (gradientes por atributo e acabamento visual)

Tecnologias

• React 18
• Axios
• React Hot Toast
• React Loader Spinner
• React Testing Library + Jest DOM

Estrutura do Projeto

src/
  components/
  constants/
  hooks/
  services/
  utils/

Como Rodar

git clone https://github.com/marcelogomes90/pokedex-react.git
cd pokedex-react
yarn install
yarn start

Scripts

yarn start      # desenvolvimento
yarn test       # testes em watch mode
yarn test:ci    # testes sem watch (CI/local)
yarn build      # build de produção

Testes

Cobertura atual de regressão:

• Busca (submissão e loading)
• Renderização de cards e loading da listagem
• Loading de conteúdo dos cards
• Interações do modal (fechar com Esc/overlay e barras de stats)

Executar suíte:

yarn test:ci

Observações

• A aplicação depende de internet para buscar dados da PokeAPI em runtime.
• Aviso de caniuse-lite no build é informativo e não bloqueia execução.