Skip to content
/ giffy Public
generated from SL0TR/react-boilerplates

A GIF sharing and generating platform powered by React, Node and WebAssembly

Notifications You must be signed in to change notification settings

SL0TR/giffy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 

Repository files navigation




The GIF above was generted by Giffy


Giffy

A GIF sharing platform built by WebAssembly, React and Node

Key FeaturesHow To UseHow To UseApplication StructureLicense

Key Features

  • ⚡ Blazign fast Video to GIF conversion using FFMPEG Wasm right on the browser

  • 🔥 React and Redux for the SPA App and Node, Express and MongoDB for the API

  • ☁️ GIFs stored in Cloudinary

  • ✂️ Crop the GIF timeline, right in the browser!

  • 🌟 Like, Comment on GIF shared by others

  • 🔠 Multilingual with EN and BN support

  • 🎨 Ant Design and Custom Styled Component used

  • 👌 Persisted user auth

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. Recommended to use Yarn for the project. If you want to run the app locally, you have to have MongoDB locally. Download and install.

Frontend (React)

From your command line:

# Clone this repository
$ git clone repo-link

# Go into the repository
$ cd giffy-web

# Install dependencies
$ yarn install or npm i

# Run the app for development scope
$ yarn start || start-prod

# Build the app
$ yarn build || start-prod

Backend (Node)

From your command line:

# Clone this repository
$ git clone repo-link

# Go into the repository
$ cd giffy-api

# Install dependencies
$ npm i

# Run the app 
$ npm start || npm run start-dev

Application structure

The directory layout of this boilerplate

.
├── giffy-web                 # Frontend/Client directory
└── giffy-api                 # Backend/API directory

Credits

This React SPA uses the following open source packages:

This Node API uses the following open source packages:

License

MIT

About

A GIF sharing and generating platform powered by React, Node and WebAssembly

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published