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

Validation

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 determine 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 to check if email is confirmed

Email Confirmation

• Confirm Email link

1. Will take send the user to the database setup page

Databases

• Displays list of databases
• Displays selection box to create new Databases
• Create button is clicked, list of databases updates with new database.

1. Select Databases, click create button to create new database.
2. Display new databases at the bottom of the database list.

• Logout Button

1. Sends a get request to logout endpoint
2. renders login page

Database Setup

• input password

2. The password is used to create a database

• Set Button

1. Sends a request to database setup endpoint