GifOS

A catalog of GIFS with search functionality, interaction and external API plus capture of video.

Demo time!

Click here and let the magic begin!

What I use to build this?

• RecordRTC.js
• Giphy API
• HTML
• SASS
• JavaScript

I want to run it locally!

You need to make sure you have an API key, by default the project has mine, but you need to use yours! change it at functions.js

Clone the repository:

git clone https://github.com/Addin/GifOS.git

Install the required dependencies

Run the following command, make sure you are in the root folder.

If you are using NPM

npm install

If you are using Yarn

yarn install

Run the server!

Make sure you are in the root of the folder, then simply run

npm start

and let the magic begin!

Want to contribute?

Open a Issue or help me with a pull request

TODOS

• Use lazy-load (intersection observer) to optimize the GIFS load
• Optimize the JavaScript