## Inspiration Mental health struggles affect millions, yet many feel isolated and lack accessible support. We wanted to create a safe, anonymous space where people can track their emotional journey, connect with others facing similar challenges, and find support without judgment.

## What it does MoodSync is a comprehensive mental health platform with four core features:

  • Mood Tracker: Log daily moods with emojis, track patterns, view statistics and streaks
  • Anonymous Support Rooms: Real-time chat rooms where users can talk anonymously based on their current mood
  • Community Feed: Share experiences, comment on posts, and support others in a safe space
  • Real-time Notifications: Stay connected when someone engages with your content

All interactions are designed to be supportive, non-judgmental, and accessible 24/7.

## How we built it Frontend: React 18 with TailwindCSS for responsive, mobile-first design Backend: Supabase PostgreSQL database with Row Level Security Real-time: Supabase Real-time for instant messaging and notifications Authentication: Supabase Auth with email/password Deployment: Vercel for continuous deployment

We used a component-based React architecture with real-time WebSocket connections for instant updates across all users.

## Challenges we ran into

  • Ensuring messages and notifications appear instantly across all users
  • Making complex UI components work smoothly on small mobile screens
  • Balancing anonymity with community features like notifications
  • Creating efficient database relationships between users, posts, comments, and notifications

## Accomplishments that we're proud of

  • Fully functional real-time chat with zero lag
  • Beautiful, intuitive mobile-first design
  • Robust notification system with read/unread tracking
  • Secure authentication with proper session management
  • Clean, maintainable codebase ready for future expansion
  • 100% responsive design works flawlessly on all devices

## What we learned

  • Real-time data synchronization techniques
  • Advanced responsive design patterns
  • PostgreSQL with Row Level Security
  • User experience design for sensitive topics like mental health
  • The importance of testing with real users
  • How to balance feature richness with simplicity

## What's next for MoodSync

  • AI-powered mood insights and pattern detection
  • Private journaling with end-to-end encryption
  • Crisis hotline integration
  • Meditation timer and breathing exercises
  • Mobile app for iOS and Android
  • Therapist matching and group support sessions

Built With

Share this project:

Updates

Submission history