Skip to content

This project demonstrates how React and the GIPHY search API can be used to retrieve GIFs based on a search parameter and display them in a masonry grid layout using pure CSS columns.

License

Notifications You must be signed in to change notification settings

georgewpark/GIPHY-Search

Repository files navigation

GIPHY Search

This project demonstrates how React and the GIPHY search API can be used to retrieve GIFs based on a search parameter and display them is a masonry grid layout using pure CSS columns.

GIPHY Search Demo

Live Demo

A live demo is available on CodePen and Netlify.

License

This project is licensed under the MIT License - see the license.md file for details.

Project Setup

From the root directory, install project dependencies by running npm install from the terminal.

Build the files and start the local dev server by running npm run dev from the terminal. This should open the dev site automatically at http://localhost:3000/.

You can build the files without starting the dev server by running npm run build from the terminal to compile the development build or npm run prod to compile the production build.

About

This project demonstrates how React and the GIPHY search API can be used to retrieve GIFs based on a search parameter and display them in a masonry grid layout using pure CSS columns.

Topics

Resources

License

Stars

Watchers

Forks