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.
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.
- HTML5
- CSS3
- JavaScript
- PokéAPI
Durante o desenvolvimento deste projeto pratiquei:
- Consumo de APIs utilizando
fetch() - Programação assíncrona com
asynceawait - 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)
✔ 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
- Clone ou baixe o projeto
- Abra o arquivo
index.html - Digite o nome de um Pokémon
- Clique em Enviar ou pressione Enter
- v1.0 → Estrutura inicial da Pokédex
Projeto desenvolvido para fins de estudo e prática de desenvolvimento Front-End.