Feat/email verification pages

[mijinummi]

Pull Request: [FE-12] Build the Email Verification Flow Pages

Overview

This PR implements issue #378 [FE-12] Build the email verification flow pages.
It introduces the pending and confirmation pages for the email verification flow.

---

Changes Introduced

• Created frontend/cmmty/pages/verify-email/ directory with:
  • index.tsx → Entry point routing between pending and confirmed states
  • Pending.tsx → Instructs user to check email, includes Resend Email button
  • Confirmed.tsx → Reads token from URL, calls verify API, shows success/error, redirects to dashboard
• Added responsive layout and styling in frontend/cmmty/styles/verify-email.css

---

Acceptance Criteria ✅

• Pending page with instructions and Resend Email button
• Confirmation page reads token, calls verify API, shows success/error
• Redirects to dashboard after 3 seconds on success
• Mobile responsive layout
• All files scoped to frontend/cmmty/ only

---

Screenshots

(Add screenshots of pending and confirmed states here once tested)

---

How to Test

1. Navigate to /verify-email → see pending page.
2. Click Resend Email → confirm success feedback.
3. Navigate to /verify-email?token=XYZ → confirm API call.
4. On success → see success message and redirect to dashboard after 3 seconds.
5. On error → see error message.
6. Test responsiveness on mobile viewport.

---

Contribution Notes

• All work scoped strictly to frontend/cmmty/.
• No files outside this folder were modified.
• Branch: feat/email-verification-pages

---

Next Steps

• Integrate with backend verification and resend endpoints.
• Replace alert() with toast notifications for consistency.
• Add loading state indicators for better UX.

---

Checklist Before Merge

• Code reviewed
• Tests passed locally
• Screenshots attached
• Backend integration confirmed
  Closes [FE-12] Build the email verification flow pages #378

[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