Merry Match 💕

A modern, full-featured dating application built with Next.js, designed to help people make meaningful connections through intelligent matching and real-time communication.

Deployed Website

You can check the project at : https://merry-match-nine.vercel.app/

Landing Page

Matching Interface

Chat Interface

🌟 Features

Core Functionality

• Smart Matching System: Advanced swiping mechanism with intelligent profile filtering
• Real-time Communication: Live chat system with instant messaging capabilities
• Profile Management: Comprehensive profile creation and editing with photo uploads
• Subscription Packages: Flexible subscription tiers with swipe limits and premium features
• Real-time Updates: Live updates using Supabase real-time capabilities
• Authentication: Secure JWT-based authentication with Supabase Auth

Intelligent Matching System

• Smart Swiping: Tinder-like swiping interface with smooth animations
• Advanced Filters: Age range, gender preferences, and location-based filtering
• Match Algorithm: Intelligent matching based on user preferences and compatibility
• Profile Discovery: Browse potential matches with detailed profile information
• Like/Pass System: Simple and intuitive interaction system

Real-time Communication

• Live Chat: Real-time messaging between matched users via Supabase Realtime
• Match Notifications: Instant notifications for new matches and messages
• Message History: Complete chat history with read receipts
• Image Sharing: Share photos and media in conversations

Subscription & Payment System

• Flexible Packages: Multiple subscription tiers with different swipe limits
• Stripe Integration: Secure payment processing with Stripe
• Swipe Limits: Daily swipe limits based on subscription tier
• Premium Features: Enhanced features for premium subscribers
• Billing Management: Complete billing history and subscription management

Admin Dashboard

• Package Management: Create and manage subscription packages
• User Analytics: Comprehensive user statistics and engagement metrics
• Complaint System: Handle user complaints and feedback
• Content Moderation: Manage user profiles and reported content
• System Monitoring: Real-time system health and performance metrics

User Experience

• Responsive Design: Modern UI built with shadcn/ui components and Tailwind CSS
• Intuitive Interface: User-friendly design optimized for mobile and desktop
• Smooth Animations: Framer Motion animations for enhanced user experience
• Mobile Optimized: Full functionality across all device types

🛠️ Tech Stack

Frontend

• Framework: Next.js (Page Router)
• TypeScript: Full type safety throughout the application
• Styling: Tailwind CSS + shadcn/ui components
• UI Components: shadcn/ui for consistent, accessible design
• Animations: Framer Motion for smooth interactions
• Icons: Lucide React for consistent iconography

Backend & Database

• Database: Supabase (PostgreSQL)
• Real-time: Supabase Realtime for live features
• API: Next.js API routes
• Authentication: Supabase Auth with JWT tokens

Payment & Integration

• Payment Gateway: Stripe for secure payment processing
• Subscription Management: Integrated subscription system with package tiers