Skip to content

stacyholtz6/GifTastic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

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

About

Have fun with Gifs! Add new gifs to the page and click to animate!!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published