- My profile
- All repositories, source codes, READMEs, pull requests, commits, issues, and...
- My portfolio
- Find all deployed applications
- 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
- Languages, libraries, and frameworks:
HTML
,CSS
,JavaScript
,jQuery
,Bootstrap
- API:
GIPHY API
- Version control:
Git
- Editor:
Visual Studio Code
- Operating System:
Mac OS
- See the application up and running via GitHub Pages directly from its depository.
- Here see a short demo of this application on my YouTube channel!
In order to run the application on your device, follow the instructions given below:
- Clone down the application to your local device
- Click on the green button above "Clone or download"
- ...
- Activating and deactivating gifs' animation
- ...