cherryontech / Uncloud

Uncloud is a daily mood tracking application to support users in reflecting on their careers.
https://uncloud.netlify.app
Other
1 stars 0 forks source link

Update forgot pw styles, and add progress bars #20

Closed paola4 closed 5 months ago

paola4 commented 5 months ago

Description

  1. Adds the updating styling to the new forgot password feature, and related components.
  2. Adds a new progress tracker component to the different screens in the process
  3. Adds a new confirmation screen after changing the password (used to redirect immediately to the login screen).

Related Issue

Provide a link to the related issue in Jira.

Related Story Card

As a user

Type of Changes

Styling update, and feature addition

Acceptance Criteria

Update Screenshots

Provide screenshots of the view before and after the changes.

Before

After

Screenshot 2024-05-09 at 8 20 37 PM Screenshot 2024-05-09 at 8 20 51 PM Screenshot 2024-05-09 at 8 21 36 PM Screenshot 2024-05-09 at 8 21 57 PM

Testing Instructions

  1. In the login view, select "Forgot password"
  2. You should see the "Forgot Password?" view for users to enter their email (with progress bar at 1)
  3. Enter a previously-registered email.
  4. Ensure you see the "Check your email" screen (with progress bar at 2)
  5. Ensure you receive the email to reset your password.
  6. Click the link in the email, and ensure you see the screen to reset your password (with progress bar at 3)
  7. When you click "Reset Password", ensure you are taken to the "Password successfully changes!" screen.
  8. Click "Log in" and ensure you are redirected to the login view.

Self-Reminder (Gisele): Change the Firebase URL back after merging.

netlify[bot] commented 5 months ago

Deploy Preview for uncloud ready!

Name Link
Latest commit 3cc68109b6b9ffd12bbe7e70fef74684b01dc25c
Latest deploy log https://app.netlify.com/sites/uncloud/deploys/663e475a424c03000869e321
Deploy Preview https://deploy-preview-20--uncloud.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.