/gifSearch

Giphy API: top 100 gif search of anything you want to see including lima beans!

Primary LanguageJavaScript

GIFS-R-US

This app uses the Giphy API search to return the top 100 gif results based on the query term. Users can get new gifs by creating new buttons with search terms like "cats." Then when the "cats" button is clicked, 100 cat gifs populate the site. Pause a gif by clicking the image and click a second time to make the gif move again. Live Demo: https://stephorpilla.github.io/gifSearch/

recording 13

App Functions

  • Get Gifs: Click a button to see gifs. The 16 buttons that appear every time come from an array of my favorite gifs.
  • New Button: Don't like what you see? Make a new button by typing something into the "Make a GIF" form on the top right. When you click that button, you'll see 100 gifs of that search query.
  • Pause a Gif: Click on a gif to pause the movement. Then click again to restart the gif.

Built With

HTML, CSS, JavaScript, jQuery, AJAX requests to the Giphy API, Bootstrap