Bem-vindo ao PokéFinder!
Uma aplicação moderna de Pokédex para Geração I do Pokémon, permitindo que os usuários explorem e visualizem informações detalhadas sobre os 151 Pokémon originais dos jogos clássicos.
O PokéFinder é uma Pokédex interativa e responsiva desenvolvida com Next.js, oferecendo uma experiência visual inspirada nos jogos clássicos de Pokémon, com animações suaves e design moderno.
- Busca por nome ou ID: Encontre Pokémon rapidamente digitando o nome ou número da Pokédex
- Filtros avançados:
- Filtro por Tipo (Inseto, Fogo, Água, etc.)
- Filtro por Grupo de Ovo
- Filtro por Estágio de Evolução (Base, 1ª Evolução, 2ª Evolução)
- Cards interativos: Visualize todos os 151 Pokémon em um grid responsivo
- Sprites animados: Sprites GIF animados com opção de alternar entre versões masculina e feminina
- Design responsivo: Interface adaptada para desktop, tablet e mobile
- Informações básicas: Peso, altura, grupo de ovo e habilidades
- Estatísticas base: Visualização com barras de progresso
- Cadeia de evolução: Visualização completa e interativa das evoluções
- Geração I exclusiva: Foco nos 151 Pokémon originais
- Performance otimizada: Cache de dados e carregamento eficiente
- Next.js - Framework React para produção
- TailwindCSS - Framework CSS utilitário
- Shadcn/UI - Componentes UI reutilizáveis
- GSAP - Biblioteca de animações
- Lucide React - Ícones modernos
- PokéAPI - API pública para dados de Pokémon
pokefinder/
├── app/ # Rotas e páginas Next.js
│ ├── page.tsx # Página inicial
│ ├── page/ # Página de busca
│ └── [pokemonName]/ # Página de detalhes do Pokémon
├── components/ # Componentes React
│ ├── pokemon-card.tsx # Card do Pokémon
│ ├── evolution-chain.tsx # Cadeia de evolução
│ └── ui/ # Componentes UI reutilizáveis
├── lib/ # Utilitários e APIs
│ ├── pokemonAPI.ts # Funções de API
│ └── translations.ts # Sistema de traduções
└── public/ # Arquivos estáticos
- Instale as dependências:
npm install- Execute o servidor de desenvolvimento:
npm run dev- Abra http://localhost:3000 no navegador