Website Video Editor ReactJS/Javascript

Just need a mini web app that can edit videos. Don't worry too much about design, I just need the baseline code. Canvas elements hopefully. Requirements: - Add video to timeline |---this adds the video to a timeline - Able to add multiple videos |---each video gets its own layer - With the timeline, each video has a draggable object - Can drag layers above/below each other - Can trim videos by grabbing end of draggable object ------------------------------------------------------------------------------------------------------------------------------------ You have a 'project' that will just be the session. So for example, if you refresh the page you lose the videos. A user can add videos to the page and they will be loaded into a video editor which as shown in the picture has a preview of the video at the current time, and also a timeline which allows for videos to be trimmed down, each video gets its own layer on the timeline. You can drag layers above and below each other to change which video is shown on the video preview, when the whole thing is played through, the videos will play respective to what should be visible