Stratus

Process

• Stage 1: Ideation
• Stage 2: Refine Scope
• Stage 3: Complete Brief
• Stage 4: Execute

Initial Setup

• [x] Git init and link remote repo
• [x] NPM init
• [x] Build webpack
• [x] Get yourself into a git hole and dig your way out

Design overall architecture

Once the initial setup is complete, move on to mapping out the file structure - What will be serverside? What will be front end? What libraries and frameworks will you be using? This does not have to be set in stone! Revisit from time to time to see if anything can be DRYed out/refactored.

• [x] Initial architecture map

Building Server Infrastructure

• [x] Start localhost server
• [x] Serve root directory (start with static website)
• [x] Access localhost server from other devices on the same network
• [x] Access file list from folder
• [x] Serve files from folder

Building the Front End

• [x] Build basic 'hello world' page with react.
• [x] Dynamically populate front end with folders menu
• [x] Give minimal styling to the front end
• [x] Dynamically populate dropdown folders menu with slides
• [x] Open slides in new link upon click

Extensions

• [x] Improve UX/UI with s?css styling
• [ ] Open slides in same window, with mini view window

Stretch....

Front End:

• [ ] Add user login page
• [ ] Add favorites/'watch list' sections Server:
• [ ] Access server from devices not on the same network
• [ ] Switch to directory of video files (streaming/latency/quality?)
• [ ] Connect to API for movie images, information
• [ ] Add authentication for storing favorites/'watch list' Database:
• [ ] Create SQL database for storing user information