From the course: Learning Nuxt.js

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Solution: Create an image gallery

Solution: Create an image gallery

From the course: Learning Nuxt.js

Solution: Create an image gallery

(upbeat techno music) - So, how did it go? Did you have any problems completing the challenge? Let's see how I solved it. First, we'll have a look at the API we want to use for this challenge. It's a collection of high quality images. And exploring the endpoint, we can see a returns and area of objects including collection of images in a specific category with its title, description, and different image sizes for us to use in the application. With the API data in place, let's head into the code. In the code editor, I will navigate to the pages directory. And in here, I want to create a new file. I'll right-click and choose the new file option and call this file, gallery.vue. Next inside here, I'll bootstrap a new view component using Vito extension to do this. And it'll create for me a template, script, and style section. Next, I want to call out that I already gone ahead to install the nuxt HTTP module…

Contents