I am always sending a lot of Giphys throughout the day to communication with my colleagues and friends. So over there years I've created a proper list of Giphy favourites that currently contains about 400+ Giphys. Quickly and efficiently navigating through my favourites was a bit of a pain due to the lazy loading Giphy uses, therefore I decided to create this little tool to help me out and communicate my favourite Giphys in a more efficient manner.
Since this started out as a personal project, it's not some kind of state-of-the-art tool. I kept it simple.
The Stack is as follows:
- CSS (Bootstrap)
- JavaScript (jQuery)
- PHP
- HTML
- Enough knowledge to setup a virtual host or a subdomain or whatever you desire
- A server that supports PHP
- A Giphy account filled with favourites
- A Giphy API key
- Get yourself an API key at Giphy via: https://developers.giphy.com/dashboard/
- Place this code in the document root of your vhost.
- Copy the
default.settings.phpfile and create asettings.php. - Fill in your account details in the
settings.phpfile. - Visit the page, see your Giphys, and enjoy.
It uses the Giphy API to retrieve your favourites and displays them in a grid. On clicking a Giphy it will start playing it and also copy the url to your clipboard for quick sharing. There are no visual effects or animations showing you that it has copied the url to your clipboard, to prevent any obstruction of the Giphy playing.
The Fetch Giphys button will fetch the latest Giphys from your favourites and cache them to your browser (local storage).
This is done to prevent the Giphy API from being called too frequently.
It will allow you to fetch all your new Giphys every 10 minutes if you've maybe added a new one to your favourites.
Project License can be found here.