A Fun Giphy Search Page.

Table of Contents

1. About The Project
   • Built With
2. Getting Started
3. Roadmap
4. License
5. Contact
6. Acknowledgments

About The Project

This project was built for the purpose of tinkering with React Hooks and the Giphy API.

Highlighted Features:

• Giphy Api Integration using react hooks
• Infinite scrolling
• A clean UI

(back to top)

Built With

Here is what I used to build it:

• Next.js
• React.js
• Tailwindcss
• Giphy Api

(back to top)

Getting Started

Installation

Follow the below steps to install and setup the app.

1. Clone this repo

   git clone https://github.com/brightidea/giphy-explorer.git

2. CD into the project

   cd giphy-explorer

3. Setup an .env.local file in the root with your Giphy API Key

   NEXT_PUBLIC_GIPHY_API_KEY=yourgiphyapikeygoeshere

4. yarn install + run app

   yarn install && yarn dev 

5. visit the site at http://localhost:3000

(back to top)

Roadmap

• Add loading and unloading animations to gifs in grid
• Add ability to click on a gif and show additional info like embed code and author info

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Blake Moore - @blakeevanmoore - [email protected]

Project Link: https://github.com/brightidea/giphy-explorer

(back to top)

Acknowledgments

I've included a few of the resources I used when building this project.

• Tailwindcss Docs
• Best ReadMe Template

(back to top)