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

Confirmation Email

• Confirm Email button

1. Will send the user to the database setup page

Databases

• Displays list of existing databases
• Displays selection box to create new Databases
• Displays list of databases with new database created.

1. Select Database, 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

1. The password is set and used to gain access to the databases page, where one can create new databases

• Set Button

1. Sends a request to database setup endpoint