Skip to content

Login Page View, Register Page View, Forgot Password Page View, Reset Password Page View

Johnny Hyman edited this page Oct 19, 2024 · 2 revisions

Login Page View

Image for Login page view

Register Page View

Image for Register Page view

Forgot Password Page View

Image for Forgot Password Page view

Reset Password Page View

Image for Reset Password Page View

logo

Image of Logo

  • Displays logo of the app

description

Image of description

  • Gives the description of a view

For the Forgot Password Page view...

  • Describes the current step of the account recovery process to the user, instructing them to enter their email within the formInput and a link will be sent to their email to continue the account recovery process

form

Image of Form

  • Contains the form for a view

For the Login page view...

  • Form is used to login an existing user

For the Register page view...

  • Form is used to register a new user

For the Forgot Password page view...

  • Form is used to initiate the process of recovering an existing user's account by using their email

For the Reset Password page view...

  • Form is used to finish the process of recovering an existing user's account by creating a new password

formInput

Image of formInput

  • Input field used for a form
  • Comes with a label detailing the value meant to be inputted as well as the input element itself

formSubmit

Image of formSubmit

  • Button used to submit a form

For the Login page view...

  • Tapping will log the user in if the given values within the formInputs belong to a valid account, or will return an error displayed to the user if not

For the Register page view...

  • Tapping will create a new user if the values within the formInputs are valid, or will return an error displayed to the user if not

For the Forgot Password page view...

  • Tapping it will continue the password recovery process and bring the user to the reset password page if the email given within the form belongs to a valid account, or returns an error displayed to the user if not

For the Reset Password page view...

  • Tapping it will finish the password recovery process and bring the user back to the login page if the two values within the formInputs are valid

navLink

Image of navLink

  • Link used to move to a different view

For the Login Page view...

  • There are two navLinks within the page, tapping on the first one will bring the user to the forgot password view, the second one will bring the user to the register page view.

For the Register Page View...

  • Tapping on the navLink for this view will bring the user to the login page view

Clone this wiki locally