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. A post request to login endpoint will authenticate username and password.

• Sign Up Button

1. renders sign up page

Sign Up Page

• E-mail input

• Username input

• Password Input

1. Once all three inputs are populated, send a request to validation endpoint to make sure inputs meet the requirements and we have no duplicates.
2. Using a library lodash to check when a user stops typing to send the request.

• Submit Button

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