MindBalance
Competition Documentation
Please review the following documentation for our project submission.
MindBalance is a comprehensive mental health education and support hub built for students and young adults. Our mission is to provide accessible, credible information about mental health topics while connecting users with professional resources and community support.
The platform addresses the growing need for reliable mental health information by curating content from authoritative sources like the National Institute of Mental Health (NIMH), Mayo Clinic, and other trusted providers. Users can explore educational articles, find local mental health services, connect with community members, and access crisis support resources.
MindBalance was designed with accessibility as a core principle, offering features like dark mode, adjustable font sizes, colorblind modes, dyslexia-friendly fonts, and focus mode for users with ADHD.
Resource Library
Interactive directory featuring credible mental health resources from organizations like NAMI, Mental Health America, Crisis Text Line, and The Trevor Project. Includes search, filtering by category, and a spotlight section for featured resources.
Community Hub
Moderated forum for peer support with posts, comments, likes, and real-time updates. Features profanity filtering, media uploads, @mentions system, and admin moderation tools.
Educational Articles
In-depth articles on anxiety, depression, stress, mindfulness, sleep, and teen mental health. Features text-to-speech audio, reading progress tracking, bookmarking, and related articles recommendations.
Crisis Support
Always-visible crisis resources including 988 Suicide & Crisis Lifeline, Crisis Text Line, and The Trevor Project. Quick access from every page ensures help is never more than a click away.
Accessibility Settings
7 accessibility options: Dark Mode, Font Size adjustment, High Contrast, three Colorblind modes (Protanopia, Deuteranopia, Tritanopia), Focus Mode for ADHD, Dyslexia-friendly font, and Reduced Motion.
User Profiles
Instagram-style profiles with customizable avatars, bio, social links, mood tracking, wellness goals, reading streak calendar, achievements, and privacy controls.
Multilingual Support
Full translation support for 6 languages: English, Spanish, French, Chinese (Simplified), Hindi, and Korean. Language preference persists across sessions.
Frontend
- HTML5, CSS3, JavaScript (ES6+)
- Custom CSS with CSS Variables for theming
- Responsive design with mobile-first approach
- Swiper.js for carousels
- Ionicons for iconography
Backend & Data
- Python Flask server
- Supabase (PostgreSQL) for database
- Supabase Auth for authentication
- Supabase Realtime for live updates
- Supabase Storage for media uploads
APIs & Integrations
- SAMHSA Treatment Locator API
- Web Speech API for text-to-speech
- Google Maps for directions
- ElevenLabs API (optional TTS)
Content Sources
- National Institute of Mental Health (NIMH)
- Mayo Clinic
- American Psychological Association
- NAMI, Mental Health America