Build a video manage website

As an unregistered user I can: • view home + services + contact pages. • log in, reset password. • register, pick a plan As a logged in user I can: • log out • view the list of companies I belong to • search by title or tags all photos and videos that are accessible to me • view company page containing logo, corporate colours, list of folders, videos and photos • access folders/sub-folders containing photos/videos/graphics • navigate through the folder structure by using breadcrumbs or similar method • click on video, showing me a playable preview(if available) and a download link • click on an photo showing me a preview with fullscreen capability and a download link • add new video entry by uploading an original file. The video file gets transcoded to compressed versions for browser previews(mp4, webm, ogg) in the background. As the video gets uploaded and converted I see a progress bar showing the current status of upload/conversion • add new photo by uploading a raw file. Photo to be converted to a jpeg for web preview by a background process. As the photo gets uploaded and converted I see a progress bar showing the current status of upload/conversion • rate photos and videos using 1-5 star rating system • create comments for folders/photos/videos • write in tags, as well as edit and delete photos/videos/folders As a company admin I can: • customize company page(change logo, text, corporate colors) • add new users to my company and specify which folders they have clearance to • generate a link to make chosen videos/photos/folders publicly accessible • see how much space all the assets are taking up, as well as how much free space is left • see statistics such as page views As an admin I can: • add/edit/remove companies. • add/edit/remove users as well as assign them to companies. They have the following attributes: email, password, first name, last name, [companies]. • add/edit/remove all folders photos and videos. • adjust payment plans • track payment status App info: • Final product to be built using ReactJS or Angular for front-end and Amazon Web Services for the back-end. • For Authentication/Authorization Amazon Cognito can be used. The stored Items (including download links) should only be accessible to authorized users. • the background encoding feature can be built using Amazon Elastic Transcoder • ElasticSearch can be used for the search feature • Amazon Pay can be used for payments • video player to be customized using a library such as ckin I also think it could be useful to group multiple takes together. We can do it with folders of course, but perhaps a video entry can contain multiple takes, each with different rating and comments. ________________________________ Unregistered users: • Home • About • Plans • Contact • Register ◦ pick plan ▪ pick payment options • Log in Registered Users: • Log out • Edit Profile • Company ◦ add folder/video/photo/graphic (depending on user permissions) ◦ Search ◦ Folders ▪ sub-folders ▪ sub-sub-folders .... ▪ video items containing: ▪ takes? ▪ rating ▪ preview video ▪ hi-res download link ▪ tags ▪ comments ▪ create comment ▪ photo items containing: ▪ rating ▪ preview image ▪ raw download link ▪ tags ▪ comments ▪ create comment ▪ graphics/promo items containing: ▪ preview image/video ▪ download links for various formats ▪ tags Company Admins: • everything registered users can do plus: • company settings ◦ company logo / corporate colours ◦ current storage space / bandwidth use + how much is still available ◦ billing ◦ change plan ◦ delete account • company member users ◦ folder permissions • public access to folders' contents • photo/video/graphic item statistics including views and downloads Site Admins: • everything company admins can do plus: • companies ◦ users ◦ stats including views, storage and bandwidth use ◦ payments • payment plan settings • CMS for all site pages (about, plans, contact etc.)