Deployed: https://yaliu8.github.io/GifTastic/
Objective: create a world where users can find gifs of their favorite foods!
- Create a web app that takes a topic (various foods in this case) and create buttons out of them.
- Upon user clicking the button it will grab 10 static, non-animated gif impages from giphy API and place them on the web page.
- When the user clicks on the still giphy image, the gif will animate. If the user clicks the gif again, it will become still.
- Under every gif, it will display its rating (PG, G, so on).
- A form will also exist on the page that allows users to input new items to add to the topics array (which will yield incremental buttons which have the same effect when clicked/unclicked)
- This data is provided by the GIPHY API.
Dependencies
- Bootstrap
- Javascript
- CSS
- HTML