Homework week 6 for UCLA Coding BootCamp. This assignment makes use of the GIPHY API to make a dynamic web page that populates with gifs of your choice.
This app displays buttons related to a certain topic and allows you to add search terms to generate additional buttons that when clicked, accesses the GIPHY API and generates 10 static GIPHY images.Click on an image to pause or play the GIF.
The app takes the entered search term topics from a user input box and pushes them into array from which it creates buttons in the HTML. Clicking on a button grabs 10 static, non-animated gif images from the GIPHY API and places them on the page.
- 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.
- With every gif is displayed its rating (PG, G, etc.).
- HTML
- CSS
- Bootstrap
- JavaScript to make the page dynamic
- jQuery for Dom Manipulation
- AJAX for API GET requests
