O Pokémon Finder é uma aplicação web interativa desenvolvida com HTML, CSS e JavaScript puro (Vanilla JS) que permite pesquisar e visualizar informações detalhadas de qualquer Pokémon consumindo a PokéAPI.
💡 Nota de Aprendizado: Este foi o meu primeiro projeto web, desenvolvido do zero com o objetivo de praticar os conceitos fundamentais de desenvolvimento frontend, manipulação da DOM, consumo de APIs assíncronas (
fetch/async/await) e navegação entre páginas.
- Busca por Nome ou Número da PokéDex: Consulta direta por nome do Pokémon ou por seu ID oficial.
- Exibição Dinâmica de Sprites:
- Alternância entre as versões Normal (Default) e Shiny.
- Efeito interativo ao passar o mouse (mouseover/mouseout) para alternar a visualização de frente e de costas do Pokémon.
- Alternância de Abas:
- Aparência & Informações Básicas: ID, Tipos, Peso e Altura.
- Habilidades e Status: Lista de habilidades e atributos base (HP, Ataque, Defesa, Ataque Especial, Defesa Especial e Velocidade).
- Feedback Visual de Carregamento (Loader): Tela/overlay de carregamento exibida durante a requisição à API.
- Tratamento de Erros: Redirecionamento amigável para uma tela com aviso personalizado ("Pikachu Confuso") caso o Pokémon pesquisado não seja encontrado.
- HTML5 (Estruturação de múltiplas páginas para busca, exibição e erro)
- CSS3 (Estilização de layouts, animação do loader e tipografia com Google Fonts - DM Sans)
- JavaScript (Vanilla JS) (Requisições HTTP assíncronas com
fetch, manipulação da DOM e parâmetros de URL) - PokéAPI (API REST pública utilizada para obter os dados dos Pokémons)