## 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
- css3
- html5
- javascript
- node.js
- postgresql
- react
- supabase
- tailwindcss
- vercel

Log in or sign up for Devpost to join the conversation.