├── .gitignore
├── LICENSE.md
├── README.md
├── images
├── Reactive.png
├── dark.png
├── drag&drop.png
└── editor.png
├── package-lock.json
├── package.json
├── public
├── index.html
├── manifest.json
└── robots.txt
├── src
├── App.css
├── App.js
├── Checkbox.js
├── VideoEditor
│ ├── Editor.js
│ └── VideoEditor.js
├── checkbox.css
├── editor.css
├── index.css
├── index.js
├── reportWebVitals.js
├── setupProxy.js
└── setupTests.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) [year] [fullname]
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 | # Reactive: React Video Editor
4 | 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!
5 |
6 | ## Demo
7 | 1. Enjoy reactive here: https://prakshal-jain.github.io/Reactive/
8 | 2. To try & tweak source code instantly, visit: https://codesandbox.io/s/reactive-e8suc
9 |
10 | ## Install NPM package:
11 | To install reactive NPM package, run ```npm i react-video-editor```
12 | URL: https://www.npmjs.com/package/react-video-editor
13 |
14 | ## Getting started:
15 | 1. Please make sure you have npm installed
16 | 2. Clone the repository, and run ```npm install```. This downloads all the dependencies required.
17 | 3. Now, it's the time to fire up our server 🚀. Run ```npm start``` to do so.
18 | 4. Congratulations! You are all set to experience the simplicity of the great in-browser video editing software!
19 |
20 | ## How reactive is Reactive?
21 | 1. Drag and drop your videos to edit.
22 |
23 |
24 |
25 |
26 | 2. Edit based on your mood: Light & Dark themes makes reactive even more user friendly.
27 |
24 | 
29 | 
34 |