Skip to content

Latest commit

 

History

History
48 lines (40 loc) · 1.3 KB

README.md

File metadata and controls

48 lines (40 loc) · 1.3 KB

GifTastic

Link to live game:

Gif Tastic

Overview:

--- When a button is clicked gifs related to that topic are loaded to the page.
--- The gifs are "still" and when the user clicks the gif it becomes animated. The gif can be toggled between animated and still by clicking on it. 
--- More gif buttons can be added to the page by typing in a topic in the add animal input box and clicking submit.
--- When submit is click the button will be added to the top of the page with the rest of the buttons. 
--- The new button can be clicked to add gifs related to that topic. 

Tools/Languages Used:

--- Gify API
--- Javascript
--- JQuery
--- Bootstrap
--- Flexbox
--- Font Awesome
--- HTML/CSS

Features:

--- Preloaded buttons are on the page. 
--- These buttons are added dynamically added through javascript. 

start

When a user clicks a button, still gifs are added to the page

Button Click

When a user clicks on the gif it becomes animated. Click it again and it becomes still.

Toggle

--- Type a topic in the input field and click submit. 
--- The new button is added to the top of the page. 

Add Gif