Skip to content

thuyanduong/giphy-search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published