Uma aplicação interativa e moderna que consome dados em tempo real da PokéAPI para exibir informações detalhadas sobre Pokémons. Este projeto foi desenvolvido como um desafio técnico focado em JavaScript assíncrono e manipulação dinâmica do DOM.
- Busca Inteligente: Permite localizar Pokémons tanto pelo nome quanto pelo número de ID.
- Dados Detalhados: Exibição dinâmica de nome, espécie, habilidades, altura e peso.
- Galeria de Imagens: Renderização da arte oficial em alta definição ("official-artwork") para melhor fidelidade visual.
- Interface Adaptável: Layout totalmente responsivo com design moderno e efeitos de glassmorphism.
- Feedback ao Usuário: Sistema de estados que inclui indicadores de carregamento (loading) e tratamento de erros para buscas inválidas.
O projeto foi construído utilizando exclusivamente tecnologias nativas (Vanilla JS), sem o uso de frameworks ou bibliotecas externas:
- HTML5: Estruturação semântica de dados.
- CSS3: Estilização avançada com Variáveis CSS, Flexbox, Grid e animações personalizadas.
- JavaScript (ES6+): Lógica assíncrona utilizando
fetch,async/awaite tratamento de exceções comtry/catch. - Google Fonts: Tipografia refinada utilizando as fontes Orbitron (títulos) e Inter (corpo).
Você pode visualizar a aplicação em execução aqui: CLIQUE AQUI PARA ACESSAR A POKÉDEX WEB
-
Clone este repositório em sua máquina local:
git clone [https://github.com/amisterdan7/pokedex-web.git](https://github.com/amisterdan7/pokedex-web.git)
-
Navegue até a pasta do projeto e abra o arquivo
index.htmlem qualquer navegador moderno.
Este projeto foi desenvolvido seguindo os requisitos técnicos da disciplina de Desenvolvimento de Aplicações Web (UC 07), com foco em:
- Separação rigorosa de responsabilidades entre HTML, CSS e JavaScript.
- Código limpo, indentado e livre de resíduos de depuração.
- Navegação e performance otimizadas através de carregamento de imagens.
Desenvolvido por Ricardo Aamisterdan.