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 sent 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 and display prompt of either passing or failing.
2. A debounce function will determines when a user stops typing and a request will be sent at that point.

• Submit Button

1. Sends a post request to signup endpoint to create user

E-mail Confirmation Page

• Resend Button

1. Sends a post request to confirm endpoint

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