Tablet | Mobile Medium |
Senti a necessidade de desenvolver um projeto para ter um primeiro contato real com o consumo de API's.
Com isso resolvi fazer um sistema de busca de pokemons a partir da API disponibilizada gratuitamente pela PokeAPI. A mesma possui um sistema bem simples, onde só permite requisições GET, e retorna dessa requisição um arquivo JSON. Fiz uso da API .fetch() por ser muito simples de implementar. E permitir que com poucas linhas de codigo eu ja tenha acesso a um objeto convertido diretamente do "response" da função.
Acredito que a maior dificuldade com esse projeto tenha sido lidar com as Promises, ja que se faz necessario o uso de metodos ASYNC, e é muito facil acabar caindo em uma variavel undefined, principalmente com a implementação dinamica dos cards a partir dos dados presentes no objeto retornado pelo .fetch().
⚙️ Caso queira executar o projeto, basta clonar esse repositorio ou fazer o download do .zip, e abrir o "index.html".
🔗 Ou acesse atraves do link - PokeDex.
- Vanilla JS
- CSS
- HTML
- Sistemas de busca, e consumo da API
- Reset da interface
- Busca randomica de 4 pokemons para o usuario.
- Tratamento das entradas
- Aviso de erro
- Bloqueio de interações durante o consumo da API.
- Card de bem vindo
- Interface responsiva
- Hospedagem do projeto junto ao portifólio