Skip to content

Latest commit

 

History

History
57 lines (29 loc) · 1.59 KB

README.md

File metadata and controls

57 lines (29 loc) · 1.59 KB

Cartoon Giftastic!

Dee Dee Typing

Overview

A UI that grabs All of your Favorite Cartoon Gifs and compiles them in one place using the Giphy API!

Ninja Turtle typing

Getting Started

  • Launch the application here!

  • Click on any of the Pre-Existing Buttons to load 10 of the Gifs associated with that Cartoon as well as their Ratings!

  • Create Buttons of your own by populating the "Thundercats Go!" Field and hitting "Submit". Your New Button will join the others at the top of the page - allowing it to be Clicked and your Gifs to be viewed!

Technologies Used

  • HTML5

  • CSS/Bootstrap

  • JavaScript

  • JQuery

  • AJAX Call/API

Application Preview

  • Landing Page:

Click on any button (in this example, Muppet Babies) to display the gifs from the Giphy API associated with it! App Landing Page

Muppet Babies clicked

  • Creating a Button:

Type a Cartoon into the Search Box (in this example, Pepper Ann) and hit "Submit" to add the button to the roster! You can that click that button to display the gifs from the Giphy API associated with it. Add A new Button 1

Add A new Button 2

Display New Button Gifs


PRO TIP: click on the displayed gifs to make them move!

South Park Mouse Click