Match&Date
Match&Date es una plataforma de citas digital completa para el mercado hispanohablante, construida íntegramente en JavaScript puro con Supabase como backend. Combina la mecánica de swipe con perfiles de alta profundidad y un sistema de eventos presenciales integrado. El algoritmo de matching es mutuo: solo se conectan usuarios que se han dado like mutuamente, implementado mediante funciones RPC en PostgreSQL con Row Level Security. Cuando hay match, una notificación animada aparece en tiempo real. El onboarding guía al usuario en 4 pasos: información básica, avatar, intereses (12 categorías) y preferencias de estilo de vida (zodíaco, mascotas, hábitos). El sistema de chat usa Supabase Realtime Channels para entrega instantánea de mensajes con indicador de escritura en vivo, read receipts y actualización automática de conversaciones. Diseño mobile-first (480px) con dark theme, glassmorphism y animaciones CSS propias.
Retos
- • Algoritmo de matching mutuo que evita mostrar perfiles ya vistos o pasados
- • Chat en tiempo real con typing indicators sin frameworks de estado
- • Sistema de swipe con gestos drag táctiles y feedback visual animado
- • Row Level Security en PostgreSQL para garantizar privacidad entre usuarios
Soluciones
- • Función RPC en Supabase que verifica likes mutuos y crea el match atómicamente
- • Supabase Realtime Channels con broadcast para typing y postgres_changes para mensajes
- • Detector de gestos custom con umbral de distancia, rotación CSS y animación de salida
- • Políticas RLS que restringen el acceso a perfiles, matches y mensajes por user_id