📖 Pokédex

Projeto desenvolvido com o objetivo de praticar consumo de APIs, programação assíncrona e manipulação de DOM através de uma Pokédex utilizando a PokéAPI.

🚀 Sobre o projeto

A aplicação permite pesquisar qualquer Pokémon existente na PokéAPI através do nome informado pelo usuário.

Ao realizar a pesquisa, são exibidas informações como:

• Nome
• Número da Pokédex
• Tipo
• Peso
• Altura
• Artwork oficial
• Sprite normal
• Sprite Shiny

Além disso, o projeto possui tratamento de erros para pesquisas inválidas e permite realizar buscas tanto pelo botão quanto pressionando a tecla Enter.

O principal objetivo deste projeto foi colocar em prática conceitos de JavaScript moderno consumindo dados de uma API pública.

🛠️ Tecnologias utilizadas

• HTML5
• CSS3
• JavaScript
• PokéAPI

📚 Aprendizados

Durante o desenvolvimento deste projeto pratiquei:

• Consumo de APIs utilizando fetch()
• Programação assíncrona com async e await
• Tratamento de erros com try/catch
• Manipulação de objetos JSON
• Atualização dinâmica do DOM
• Eventos com addEventListener
• Manipulação de imagens dinamicamente
• CSS Grid
• Flexbox
• Organização de componentes em uma página
• Estruturação de layouts responsivos (em evolução)

✨ Funcionalidades

✔ Pesquisar qualquer Pokémon pelo nome

✔ Exibir imagem oficial

✔ Exibir sprites Normal e Shiny

✔ Mostrar ID, tipo, peso e altura

✔ Pesquisa utilizando Enter

✔ Mensagem de erro para Pokémon inexistentes

✔ Interface inspirada no universo Pokémon

▶️ Como executar

1. Clone ou baixe o projeto
2. Abra o arquivo index.html
3. Digite o nome de um Pokémon
4. Clique em Enviar ou pressione Enter

📈 Versões

• v1.0 → Estrutura inicial da Pokédex

---

Projeto desenvolvido para fins de estudo e prática de desenvolvimento Front-End.