Feat/forgot password page

[mijinummi]

Pull Request: [FE-10] Build the Forgot Password Page

Overview

This PR implements issue #376 [FE-10] Build the forgot password page.
It introduces a new page where users can request a password reset link.

---

Changes Introduced

• Created frontend/cmmty/pages/forgot-password/ directory with:
  • index.tsx → Page wrapper with Back to Login link
  • ForgotPasswordForm.tsx → Email input, validation, API call, success message
• Added responsive layout and styling in frontend/cmmty/styles/forgot-password.css

---

Acceptance Criteria ✅

• Forgot password page created in frontend/cmmty/pages/forgot-password/
• Email input with validation
• Calls forgot-password API endpoint
• Always shows success message regardless of email existence
• Back to Login link
• Mobile responsive layout
• All files scoped to frontend/cmmty/ only

---

Screenshots

(Add screenshots of desktop and mobile views here once tested)

---

How to Test

1. Navigate to /forgot-password.
2. Enter a valid email → click Send Reset Link → confirm success message.
3. Enter an invalid email → confirm validation error.
4. Confirm Back to Login link works.
5. Test responsiveness on mobile viewport.

---

Contribution Notes

• All work scoped strictly to frontend/cmmty/.
• No files outside this folder were modified.
• Branch: feat/forgot-password-page

---

Next Steps

• Integrate with backend forgot-password endpoint.
• Replace alert() with toast notifications for consistency.
• Add loading state for better UX.

---

Checklist Before Merge

• Code reviewed
• Tests passed locally
• Screenshots attached
• Backend integration confirmed

Closes #376

[vercel]

@mijinummi is attempting to deploy a commit to the Mftee's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@mijinummi Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits