https://github.com/suejstevens/giftastic
Fun, Interactive website designed to demo the power of API.
https://github.com/suejstevens/giftastic
ajax api bootstrap4 css font-awesome html javascript jquery
Last synced: 2 months ago
JSON representation
Fun, Interactive website designed to demo the power of API.
- Host: GitHub
- URL: https://github.com/suejstevens/giftastic
- Owner: SueJStevens
- Created: 2018-09-15T22:51:39.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-01-01T19:33:35.000Z (over 7 years ago)
- Last Synced: 2025-06-05T03:25:40.996Z (about 1 year ago)
- Topics: ajax, api, bootstrap4, css, font-awesome, html, javascript, jquery
- Language: JavaScript
- Homepage: https://suejstevens.github.io/GifTastic/
- Size: 4.34 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GifTastic
GifTastic is an interactive website designed to demo the power of API.
Bootcamp Assignment 9/15/2018 - GifTastic
## Demo
*GifTastic Word Association* is deployed to Github.
Please check it out [here](https://suejstevens.github.io/GifTastic/).
## Overview
Using the GIPHY API a dynamic web page will populates with gifs of the user's choice. Uses [Giphy API](https://developers.giphy.com/docs/), JavaScript for the logic, JQuery to manipulate HTML and css to animate the topic command buttons. Sidebar nav can slide open hide
## Functionality
* User chooses from a wide-ranging (but wierdly associated) list of topics. Still images of animated gifs will populate.
* User can click on the gif to animate or click again to stop animation.
* User can love a gif and it will save in a special area of of the browser titled 'Favorites' (without reloading the page).
* A user can also choose their own topic to add to the list.
* In theory, a user could 'favorite' through topics and end up with a gif that they chose at the beginning.
## Technology
### Hosting Platform
* Github (https://github.com)
### Front-End
* HTML
* CSS
* FontAwesome
* Bootstrap v4 (https://getbootstrap.com/)
* Javascript
* jQuery
* Ajax
* API (https://developers.giphy.com/docs/)