Clarity - SDG 3.4 Mental Health & Wellness Platform

Inspiration

With the rising global challenges surrounding mental health, we wanted to build a solution aligned directly with UN SDG 3.4 (Good Health and Well-being). Our goal was to create a unified, accessible digital sanctuary that bridges the gap between daily emotional tracking, immediate clinical data utility, and real-time stress relief. We wanted to move away from overly clinical, intimidating interfaces and build something that feels calming, intuitive, and genuinely supportive for everyday users.

What it does

Clarity is a comprehensive mental wellness platform designed to help users track, analyze, and manage their mental well-being:

Diagnostic Workspace & Mood Tracker: A visual analytics dashboard where users can log their daily emotional states and monitor personalized trends over time.

Zen Therapy Room: An interactive space featuring a core "Calm Bubble" breathing guide alongside custom ambient soundscape mixers (Rain, Ocean, Forest, White Noise) to manage acute stress in real time.

Clinical Data Management: A secure gateway that structures user wellness metrics into clean, exportable formats (like JSON) to easily share data with healthcare professionals.

How we built it

Clarity is a comprehensive mental wellness platform designed to help users track, analyze, and manage their mental well-being:

Diagnostic Workspace & Mood Tracker: A visual analytics dashboard where users can log their daily emotional states and monitor personalized trends over time.

Zen Therapy Room: An interactive space featuring a core "Calm Bubble" breathing guide alongside custom ambient soundscape mixers (Rain, Ocean, Forest, White Noise) to manage acute stress in real time.

Clinical Data Management: A secure gateway that structures user wellness metrics into clean, exportable formats (like JSON) to easily share data with healthcare professionals.

Challenges we ran into

Balancing data-heavy analytics with a minimalist, relaxing user design was a major hurdle. We had to ensure that displaying mood charts and stress metrics wouldn't induce more stress for the user. We overcame this by implementing soft, glowing visual elements and translucent glass panels that keep the interface light and non-intimidating. Additionally, structuring the exportable clinical data correctly while maintaining strict user privacy required meticulous backend planning.

Accomplishments that we're proud of

We successfully built a highly functional, beautiful application that connects immediate stress-relief features with long-term data tracking. The seamless synchronization between the soundscape controls and the visual breathing guide provides a truly immersive calming experience.

What we learned

We gained deep insights into user-centric UI/UX design specifically tailored for digital health applications. We also refined our skills in handling real-time audio mixers in React and optimized backend prompt engineering using the Gemini API to process user wellness trends effectively.

What's next for Clarity - SDG 3.4 Mental Health & Wellness Platform

We plan to introduce deeper predictive AI insights to suggest specific soundscapes based on historical stress triggers, implement end-to-end encryption for clinical data sharing, and expand accessibility features to support a wider range of users.

Built With

• express.js
• gemini-api
• html5
• javascript
• node.js
• react
• sqlite
• tailwind-css