Gipher

A page that allows the user to search the Giphy API using buttons containing search terms for API calls.

Monash Web App Development Week 6: Gipher

The Gipher application uses the Giphy API to pull the top 20 GIF results for a particular search term. Search terms can be added in the form of buttons on the top, which call the API and populate results on when the user clicks on it.

The results are populated in the bottom right section of the page and are initially static. By clicking on the image, the user is able to view a moveable GIF version of it.

Installation

No Installation required

Usage example

Searching for video game GIFS for sharing with friends? You can use the default buttons that are on the site to search through GIFS associated with the game-titles.

Don't see the game you need GIFS for? You are able to add custom buttons using the form on the left-hand side of the page. This allows you to add custom search terms.

Prerequisites

• JQuery
• Bootstrap

Built With

• HTML/CSS
• JS / JQuery
• Bootstrap

APIs

• Giphy API - Used for calling top results with search term parameter

Release History

• 1.0.0
  • Initial Functional Release

Meta

Dannar Mawardi – dmawardi.github.io

Distributed under the MIT license. See LICENSE for more information.

https://github.com/dmawardi/Gipher

Contributing

1. Fork it (https://github.com/dmawardi/Gipher/fork)
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes (git commit -am 'Add some fooBar')
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

• Monash/Trilogy Web Application Bootcamp Coursework

Deployed at:

https://dmawardi.github.io/Gipher/