Skip to content

User Interface

kimong1 edited this page Mar 19, 2020 · 58 revisions

Mockup_UI_edited_2

Landing Page

  • Sign Up Button
  1. Renders sign up page
  • Login Button
  1. Renders login page

Login Page

  • Has a Username Input and Password Input

  • Login 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

  • Has a username input
  1. use lodash for timing to check username length requirements
  • Has Password Input
  1. use lodash for timing to check password requirements
  • Sign Up Button
  1. Takes UN and PW input
  2. Sends post request to db, checks if UN exists in db
  3. if UN exists, alert user to enter new UN
  4. if UN doesn't exist, post UN and pw in db, render Sign UP Confirmation page

Sign Up Confirmation Page

  • Button to resend email confirmation

Email confirmation

  • Confirm Email button
  1. Links to login page, sets confirmation to true to user login

Databases

  • displays databases created by user

  • input form to create database

  • Logout Button

  1. Changes status of user to logged out
  2. renders login page
  • Create Button
  1. takes input
  2. POST request with input, to create new database

Database Setup

  • input password

  • Set Button

  1. Takes the password input
  2. Post request to database and sets the password
Clone this wiki locally