Next.js Matrimonial Frontend Build

I’m assembling a new matrimonial platform focused on matchmaking services, and I need a frontend specialist who feels at home in JavaScript, TypeScript, Next.js, and Tailwind CSS.


Key aspects you’ll craft
• Role-based flows: separate dashboards and permissions for users, admins, and match makers.
• Secure onboarding: email + mobile OTP verification tied into our API.
• Profile management: create, edit, and showcase detailed user profiles with photo uploads and status badges.
• Powerful search: filters must cover age, location, interests, education, profession, income, religion, caste, and ethnicity, with real-time results.
• Connection workflow: send, receive, accept, or decline requests; display status updates instantly.
• Integrated chat: WebSocket-driven messaging inside the app UI, optimised for both desktop and mobile.

I expect clean, component-based code, thoughtful state management, and adherence to Tailwind best practices—no inline CSS sprawl. Reusable React hooks, clear folder structure, and typed APIs with strong TypeScript contracts are critical.

Acceptance criteria
1. All pages render without hydration warnings in production build (`next build && next start`).
2. Lighthouse score of 90+ for performance and accessibility on critical routes.
3. Role permissions verified with test accounts for user, admin, and moderator.
4. Search returns accurate results across all filter combinations in under 500 ms (mocked data set of 5k profiles provided).
5. Chat maintains message integrity during network drop and reconnect.

Push work via GitHub; I’ll review pull requests daily and provide quick feedback. Let’s collaborate to deliver a smooth, modern matchmaking experience.