You will be building out the following project:

Run npm install to download dependency. Then run npm start to run the app.

There is a good amount of starter code created for you. Take some time to draw out the component hierarchy. Take your time to really understand each component and how they work will with each other. You are allowed to create as many additional components as you want.

When a user first load the app, they should see 3 gifs from today's Trending Gifs as an unordered list.

In addition, the user should be able to search for gifs. You app should update the gifs on the page, displaying 3 at a time, every time the user clicks the Find Gifs button.

You will be using the Giphy API.

The endpoints you can use are:

https://api.giphy.com/v1/gifs/trending?api_key={API_KEY}&limit=3&rating=g

https://api.giphy.com/v1/gifs/search?api_key={API_KEY}&q={query}&limit=3&rating=g