Coding Challenge: Create a Dog Photo Catalogue
Explore building a dynamic Nuxt 3 application that fetches images from an external dog breed API based on user input. Learn how to bind inputs, manage reactive state, handle API requests with useFetch, and display images effectively.
We'll cover the following...
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 ...