React

Forgot password

13 steps 11 files 0 packages 1 dependencies

This pack adds password recovery. A user who forgets their password requests a reset link by email, then follows a secure link to a form where they set a new password.

  • The request form shows the same confirmation whether or not the email is registered, so it cannot be used to discover which addresses have accounts.
  • Both the reset email and the request form are throttled against abuse.
  • A branded, MJML reset-password email carrying the secure link.
Depends on Auth

This pack extends the auth pack's User model and login page and reuses its transactional email setup. Apply the auth pack first.

Apply the forgot password pack with Flow. Start a new session in your selected coding agent and execute the following slash command inside it.

$ claude
> /flow.apply forgot-password

After applying, Flow will make the following changes to your app.

  • Land the backend as shipped, from the password-reset table and the User mixin through the validators, the controller, the reset mailer and email template, and the routes.

  • Add the request and reset screens, and a "Forgot password?" link on your login page, restyled to your design system.

  • Run the tests, then walk the request, email, and reset flow and show you the result.

Terms & License Agreement