This video is available to students only

Furry Friends Gallery Mark II

Our code-along project for this module is to build a new Furry Friends Gallery. This time, we'll be using a new API and common UI patterns such as a sidebar filter. In this lesson, we'll take a look at what we'll be building.

Furry Friends Gallery Mark II#

For Module 4, our project is going to be based on the foundation of the Furry Friend’s Gallery we built in the last module.

Here’s what we’ll be building:

Furry Friends Gallery

We’ve replaced the original input box (that allowed users to choose the number of pictures to display) with a sidebar containing a breeds filter. When the user selects a breed’s radio button, the dog pictures in the right-hand pane refresh using an API call.

 

This page is a preview of Beginner's Guide to Real World React

No discussions yet