Skip to content

Arsalan-Sadri/06_GiphyAPI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔗 Me on GitHub

  • My profile
    • All repositories, source codes, READMEs, pull requests, commits, issues, and...
  • My portfolio
    • Find all deployed applications

📃 Description

  • A web app that populates with gifs of your choice via the GIPHY API
  • To dynamically change the HTML of the page with the use of GIPHY API, JavaScript, and jQuery
  • As it can be seen below, there are a number of topics you can choose from and the current theme is "location"

  • Once you hit your choice, the application pulls 10 gifs from GIPHY API and have them displayed on the page
  • For example, a 'paris' search term would look like this:

  • You can then click on each gif to make it animate and click again to stop the animation
  • You also have options to choose your own topic of interest and/or modify the number of gifs to be pulled from GIPHY API
  • Once you enter your search term and click submit, the search term will be added to the list at the top of the page
  • You can then click this newly-added search term to make the page populate gifs

🔩 Tools and Technologies

  • Languages, libraries, and frameworks: HTML, CSS, JavaScript, jQuery, Bootstrap
  • API: GIPHY API
  • Version control: Git
  • Editor: Visual Studio Code
  • Operating System: Mac OS

▶️ Deployed Application

  • See the application up and running via GitHub Pages directly from its depository.

📺 Demo

  • Here see a short demo of this application on my YouTube channel!

🔧 How to Run

In order to run the application on your device, follow the instructions given below:

  1. Clone down the application to your local device
    1. Click on the green button above "Clone or download"
    2. ...

🔑 Technical Highlights

  1. Activating and deactivating gifs' animation
    • ...