Skip to content

ThumbStack - A video thumbnail editor created with React, Canvas API and the Konva library.

Notifications You must be signed in to change notification settings

samiya-kazi/thumb-stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

83 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ThumbStack

What is ThumbStack?

ThumbStack is an application that allows you to create and save thumbnails for your videos. It's frontend is created with React and the editor uses the Konva library to create, transform and export canvas elements. The back-end consists of an Express server while the database uses MongoDB with Mongoose.

Thumbstack editor screenshot

Prerequisites

Must have installed:

  • NodeJS
  • NPM
  • MongoDB

Must have a Cloudinary account with an unsigned preset.

Installation

  • Fork and clone this repository.

  • cd client into the cloned repo's client directory and run npm install.

  • Following the .env.example file, add an .env file in the client directory with the respective variables.

  • Run npm start and the React app should start.

  • Open another terminal in the root directory and go to the server directory: cd server.

  • Run npm install to install server dependancies.

  • Following the .env.example file, add an .env file in the server directory with the respective variables.

  • If you have nodemon installed run nodemon else run node to start the server.

About

ThumbStack - A video thumbnail editor created with React, Canvas API and the Konva library.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published