Atividade: The Dog and Cat API

Introdução

Antes de realizar essa atividade, faça um clone desse repositorio para ter a estrutra básica do projeto. Nessa atividade vamos praticar os conhecimentos de DOM e requisições com o fetch. Utilizaremos a The Dog e a The Cat API, dessa vez você deverá buscar os endpoints nas documentações dessas APIs.

Prática

Image

Exemplo de resultado Você terá dois campos para as imagens e dois botões, um para cada. Um campo vai ser para a imgem do gato e o outro campo para a imagem do cachorro. No clique da cada botão você deve atualizar a imagem no seu respectivo campo. Veja o resultado esperado no gif exemplo acima.

Construa uma UI seguindo o exemplo acima e faça as requisições necessárias para mostrar imagens aleatórias de cães e gatos.

Endpoints

Busque nas documentações como utilizar as APIs

The Dog API: Documentação The Cat API: Documentação Com essas informações, utilize o fetch() para consumir os endpoints necessários e seus conhecimentos de DOM para desenvolver uma UI criativa.

Dica!

Teste as APIs no Insomnia antes de começar a desenvolver a UI para entender as respostas das requisições.