Giphy is something I have used quite a bit during my spare time, so I thought why not try to recreate it? Using thereOfficial API
, I was able to make a plethora of API Calls
from my front end code!
With the help of the Giphy SDK
(software development kit) and Official Giphy API
, I brought one of my most favorite side projects to life! The app features the ability to: dynamically search
for Gifs, see the most trending gifs, as well as view stickers!

Tech Stack
For hosting, I decided to go with Firebase's Hosting Service
this time around. With Firebase, it was super easy to host my react code and comes with a plethora of services like authorization which could come in handy for the future.
Since I knew this application would have more than one page, I decided to go with React-Router-DOM
as it provides, in my opinion, the best way to handle routing dynamically.
Using React's State
and Component Lifecycle Methods
, I was able to fetch data
from the API, and pass out the information my components need accordingly.