GIPHY-API-RESPONSIVE-APP

I demonstrate the use of jQuery, AJAX and API's.

Project Overview

In this example, I will show how to use HTML5, CSS3, Bootrap 4, JQuery/Javascript/AJAX and the GIPHY API to create a really cool app. This is dynamic web page that populates with gifs of your choice.

View Demo

To view demo click on this link: (Demo Link).

Project Requirements

1. Create an array of strings, each one related to a topic that interests you. Save it to a variable called topics.
2. Your app should take the topics in this array and create buttons in your HTML.
3. When the user clicks on a button, the page should grab 10 static, non-animated gif images from the GIPHY API and place them on the page.
4. When the user clicks one of the still GIPHY images, the gif should animate. If the user clicks the gif again, it should stop playing.
5. Under every gif, display its rating (PG, G, so on).
6. Add a form to your page takes the value from a user input box and adds it into your topics array. Then make a function call that takes each topic in the array remakes the buttons on the page.

Instructions on how to play the Giphy game!

1. Rejoice! You can no save yourself .000000001 of a second to find your Gyphs using my app instead of giphy.com.
2. You can either add different names to search for or click on the buttons already created.
3. After clicking on a button the app will load 10 Gyphs
4. To animate you Gyph just click on it.

---