Coding Challenge: Create a Dog Photo Catalogue

Create a project to fetch data from an API.

We'll cover the following

Problem statement

In this challenge, create a Nuxt project which will fetch data from an external API: https://dog.ceo/api/breed/${breed.value}/images/random/3

This URL contains a breed variable where we can insert a dog breed of our choice. The value of 3 at the end can also be adjusted to return a different number of images. The objective is to enter a dog breed into an HTML input and retrieve images containing this breed. If you do not know any dog breeds to search for, you can try the following:

  • Labrador

  • Poodle

  • Hound

  • Corgi

Get hands-on with 1200+ tech skills courses.