Forgot Password Flow

[ArslanKamchybekov]

Task: Implement "Forgot Password" Flow on the Sign-In Page

Objective:

Add a "Forgot Password?" button on the sign-in page, implement redirection to the forgot password page, call the forgot password endpoint, and prompt the user to check their email.

---

Steps:

1. Add "Forgot Password?" Button on Sign-In Page
   • On the SignIn page, add a "Forgot Password?" button below the sign-in form.
2. Redirect to the Forgot Password Page
   • When the "Forgot Password?" button is clicked, redirect the user to a new ForgotPassword page.
3. Forgot Password Page
   • Include instructions to inform the user to enter their registered email to reset their password.
4. Call the Forgot Password Endpoint
   • When the form is submitted, capture the email input and call the backend API endpoint for "forgot password" using fetch or Axios.
   • Handle any errors (e.g., invalid email) and show relevant error messages.
5. Prompt User to Check Their Email
   • If the API request is successful, display a message to the user prompting them to check their email for further instructions on resetting their password.

BONUS: Implement Reset Password logic.