react-giphy

A simple Giphy Search app that display a list of gifs based on the search string.

👉https://jun-low.com/react-giphy/

Getting Started

1. Clone from React Boilerplate

2. To start the local Webpack Dev Server (usually on port http://localhost:8080):

yarn start

3. To lint all JavaScript files in the src folder:

yarn lint

4. To build and deploy your app to gh-pages branch on the GitHub repo:

yarn deploy

Features

• When a user types a query, the list of Gifs on right side should returns the following results.
• The giphy-api should be update everytime when the user is typing.
• When a user clicks on a gif from the list(right side), it should appear on the main scene on the left.

Build With

• React and ReactDOM - The web framework used.
• Webpack 4 - JavaScript module bundler.
• Babel - work with es2015 and react presets.
• Npm - Packages Management.
• Yarn - Dependency Management.
• Bootstrap & Fontawesome - Get CDN for beautify the app.
• Giphy Api - Api for gifs.