User Interface

Landing Page

• Login Button

1. Renders login page

• Sign Up Button

1. Renders sign up page

Login Page

• Username Input

• Password Input

• Submit Button

1. Authentication and Authorization Middleware, take Username Input and Password Input, get the user and user access level from session, and check against the user and user access level from a database on the server
2. Login endpoint. Use post request and pass in the data in the post form. Check the incoming user and password against the user and password stored in a database on there server

• Sign Up Button

1. renders sign up page

Sign Up Page

• E-mail input

• Username input

1. use lodash for timing to check username length requirements

• Password Input

1. use lodash for timing to check password requirements

• Submit Button

1. Takes Username and Password input
2. Sends post request to db, checks if UN exists in db
3. if Username exists, alert user to enter new Username
4. if Username doesn't exist, post Username and Password in db, render E-mail Confirmation page

E-mail Confirmation Page

• Resend Button

1. Resends email confirmation

Email Confirmation (Sent as a E-mail)

• Confirm Email button

1. Links to login page, sets confirmation to true to user login

Databases

• Displays list of databases

1. Buttons to link to each databases

• Logout Button

1. Changes status of user to logged out
2. renders login page

Database Setup

• input password

• Set Button

1. Takes the password input
2. Post request to database and sets the password