Admin Account Recovery

[meganniu]

User schema: Notion
Wireframes: Figma

• Contact Bonnie with design questions or drop them in #designer-babies channel

Description

Initiate password reset modal:

Password reset email sent modal:

Password reset modal:

Password reset successful modal:

Password criteria:

• 12 characters minimum
• at least one lowercase letter
• at least one uppercase letter
• at least one number
• at least one symbol

Acceptance Criteria

• As a user, I can initiate resetting my password from the login page
• I can provide my email associated with my account, which after I confirm sends a reset link to my email inbox
• Using this link, I am sent to a password reset modal to create a new password
• If my password doesn't meet minimum complexity requirements, I am notified of it
• After successfully resetting the password, I am taken back to the login page

Tasks

• Initiate password reset modal
• Password reset email sent modal (@bonnie)
  • Create a file called PasswordResetEmailSentModal.tsx in client/src/pages
  • Copy client/src/pages/EmailConfirmedModal.tsx into PasswordResetEmailSentModal.tsx
  • Add route /password-reset-email-sent for PasswordResetEmailSentModal.tsx in App.tsx
    • Run npm run start in /client and go to localhost:3000/password-reset-email-sent in your browser
    • You should see the modal you copied
  • Edit PasswordResetEmailSentModal.tsx to match wireframes
• Password reset modal (@bonnie-chin)
  • Styling (due Apr 9)
  • Functionality to reset password (due Apr 11)
• Password reset successful modal

[bonnie-chin]

LMAO yes I will contact myself 😤😤