<center><img src="./images/Reactive.png" style="width: 30%; height: auto"/></center>

# Reactive: React Video Editor
Reactive is a react based video editor made with the mission to build the simplest yet powerful video editing software. So, buckle up & let's get started!

## Demo
1. Enjoy reactive here: https://prakshal-jain.github.io/Reactive/
2. To try & tweak source code instantly, visit: https://codesandbox.io/s/reactive-e8suc

## Install NPM package:
To install reactive NPM package, run ```npm i react-video-editor```
URL: https://www.npmjs.com/package/react-video-editor

## Getting started:
1. Please make sure you have npm installed
2. Clone the repository, and run ```npm install```. This downloads all the dependencies required.
3. Now, it's the time to fire up our server 🚀. Run ```npm start``` to do so.
4. <strong>Congratulations!</strong> You are all set to experience the simplicity of the great in-browser video editing software!

## How reactive is Reactive?
1. Drag and drop your videos to edit.
<div>
<img src="./images/drag&drop.png" style="width: 20%; height: auto"/>
</div>

2. Edit based on your mood: Light & Dark themes makes reactive even more user friendly.
<div>
<img src="./images/dark.png" style="width: 20%; height: auto"/>
</div>

3. Edit seamlessly
<div>
<img src="./images/editor.png" style="width: 20%; height: auto"/>
</div>