Propose!-AI Powered Social Experience

Propose! empowers Gen Z to navigate relationships confidently with safe confessions, controlled connections, and an AI relationship advisor.

Comment

Inspiration :The inspiration behind Propose! stems from a deep understanding of the emotional complexities faced by young adults, particularly Gen Z, in navigating relationships and expressing their true feelings. We observed a global pattern of distress, anxiety, and even tragic outcomes arising from unaddressed emotional challenges in personal connections. The simple acts of liking someone, confessing feelings, or managing romantic interests often lead to overwhelming pressure and isolation. We believe that everyone deserves a safe, supportive, and empowering platform to explore these emotions without fear of judgment or awkwardness. Propose! was born from the desire to provide a digital sanctuary where emotional well-being in relationships is prioritized.

What it does:Propose! is an AI-powered social experience designed to empower Gen Z in their relationships. It tackles the core challenges of modern dating and social interaction by offering:

Confess!: A unique feature that allows users to anonymously or directly express their feelings to someone, removing the anxiety of face-to-face confrontation. Users maintain control over their confessions.

Match Control: Provides users with robust tools to manage their connections, ensuring meaningful interactions and preventing unwanted advances, putting them in charge of their dating journey.

AI Relationship Advisor: A cutting-edge, confidential AI consultant available 24/7 to provide empathetic listening, supportive perspectives, and general advice on communication, emotional navigation, and fostering healthier connections. This feature is crucial for addressing the mental health aspects of relationship challenges.

Community & Engagement: Beyond core features, Propose! fosters a sense of community through features like institutional chats, explore pages, ranking systems, and challenges, encouraging positive social interaction.

How we built it:Propose! is built on a robust and scalable modern technology stack, designed for performance, security, and a rich user experience:

Frontend (UI): Developed with React, a powerful JavaScript library for building dynamic and interactive user interfaces. This ensures a smooth and engaging experience for users.

Backend & Database: We leverage Supabase, an open-source Firebase alternative, providing a secure and scalable backend. This includes:

PostgreSQL Database: For structured and reliable data storage.

Supabase Auth: For secure user authentication and management.

Supabase Storage: For efficient storage and retrieval of user-uploaded content, such as profile pictures.

Supabase Edge Functions: For serverless backend logic, such as handling sensitive API calls to third-party services like Tavus.io.

Real-time Capabilities: Supabase's real-time features enable instant updates across the app, from chat messages to profile changes.

Styling: The sleek, modern, and fully responsive design is powered by Tailwind CSS, a utility-first CSS framework that allows for rapid and consistent UI development across all devices.

AI Integration: For the interactive AI Video Consultant, we've integrated with Tavus.io, a platform that enables high-quality, engaging AI-driven video conversations.

Challenges we ran into:Building Propose! presented several interesting challenges:

CORS Configuration: A significant hurdle involved correctly configuring Cross-Origin Resource Sharing (CORS) between the React frontend (running on localhost during development) and the Supabase Edge Functions. This required careful adjustment of Supabase project settings and, ultimately, explicit CORS header implementation within the Edge Function itself.

Supabase Edge Function Errors: Debugging the Edge Function's internal communication with external APIs (like Tavus.io) required meticulous log analysis to identify issues such as "failed to send request" TypeErrors, which often pointed to API key validity or network reachability.

Avatar Consistency: Ensuring the user's uploaded profile picture was consistently displayed across different parts of the application (e.g., the main profile page and the navigation bar avatar) required careful synchronization of data fetching logic and storage bucket usage between different React components.

UUID Handling: Initial issues with passing undefined values where UUIDs were expected in database queries led to "invalid input syntax" errors, requiring robust checks for user ID availability.

Accomplishments that we're proud of:We are particularly proud of:

Seamless AI Integration: Successfully integrating Tavus.io to provide a real-time, engaging AI Video Consultant, a complex feature that truly differentiates Propose!.

Robust User Profile System: Developing a comprehensive user profile system with multi-picture uploads, follower/following counts, and unique metrics like "Aura" and "Roses," all managed securely via Supabase.

Real-time User Experience: Implementing real-time updates across the app, ensuring that user interactions and profile changes are reflected instantly, creating a dynamic and engaging environment.

Empathetic Problem Solving: Creating an app that not only offers social features but genuinely addresses a critical, often overlooked, aspect of youth mental health related to relationships.

What we learned :Throughout this project, we gained invaluable insights into:

Full-stack Development with Supabase: Deepened our understanding of Supabase's capabilities beyond basic database usage, including advanced authentication, storage, and serverless functions.

Real-time Data Synchronization: Mastered the implementation of real-time listeners for immediate UI updates, which is crucial for modern social applications.

Debugging Complex Integrations: Developed strong problem-solving skills in debugging network requests, API integrations, and cross-origin security policies in a serverless environment.

User-Centric Design for Sensitive Topics: Reinforced the importance of creating intuitive and safe user experiences, especially when dealing with personal and emotional content.

What's next for Propose!-AI Powered Social Experience:Our future plans for Propose! include:

Enhanced AI Capabilities: Further developing the AI Relationship Advisor with more nuanced conversational abilities, personalized advice, and potentially integrating with other mental wellness resources.

Advanced Matching Algorithms: Implementing more sophisticated matching algorithms based on user preferences, shared interests, and deeper profile insights to foster more compatible connections.

Gamification & Rewards: Expanding the "Aura" and "Roses" system with more interactive gamification elements and tangible rewards to increase user engagement and positive behavior.

Community Moderation Tools: Developing robust AI-powered and human-assisted moderation tools to ensure a consistently safe and positive environment for all users.

Mobile App Expansion: Releasing native iOS and Android applications to provide an even more optimized and accessible experience.

Partnerships: Exploring collaborations with mental health organizations and educational institutions to extend the reach and impact of our emotional support features.

Built With

  • auth
  • bolt.new
  • edge-functions)
  • netlify
  • react
  • storage
  • supabase-(postgresql
  • tailwind-css
  • tavus
Share this project:

Updates