Skip to content

Latest commit

 

History

History
33 lines (19 loc) · 1.18 KB

README.md

File metadata and controls

33 lines (19 loc) · 1.18 KB

Giphy Search (useEffect) Lab

You will be building out the following project:

demo

Set Up

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

Starter Code

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.

Features

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.

API

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