Giphy Clone Side Project

Check out the code or view it here

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!

second In-Depth screenshot for project

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.

Go back or check out my resume here