About the Project - Saathi: Your Mental Wellness Companion
💡 Inspiration
In a world that’s always online yet emotionally distant, mental wellness often gets overlooked. We noticed a gap between needing help and actually reaching out-especially during quiet, vulnerable moments like late nights. Saathi (Hindi for Companion) was inspired by the idea of a safe, judgment-free digital space where users can pause, breathe, and feel heard without stigma.
🛠️ How We Built It
Saathi is a modern full-stack web application designed with empathy, performance, and privacy in mind.
- Frontend: Built with React.js for a smooth, single-page experience. Guided breathing and grounding exercises use React hooks and custom animations for precise timing.
- Styling: Tailwind CSS creates a calming, pastel-heavy UI that reduces visual stress.
- Features:
- 24/7 empathetic AI support
- Grounding exercises (4-7-8 breathing, 5-4-3-2-1 method)
- Mood tracking with real-time charts
- A Double-Lock Protected Diary for private journaling
- 24/7 empathetic AI support
- Security: Secure authentication plus an extra local encryption layer for the diary.
📚 What We Learned
- Trust is fundamental: Privacy features aren’t just technical-they’re emotional requirements.
- Deeper React mastery: Timers, side effects, and state synchronization using
useEffect. - Empathy in design: Supportive copy and gentle interactions matter as much as functionality.
🚧 Challenges We Faced
- Animation synchronization: Aligning visual cues with breathing timers without lag.
- Privacy logic: Ensuring the diary re-locks instantly when navigating away.
- Real-time data: Updating mood charts dynamically without page refreshes.
🚀 Outcome
Saathi shows how thoughtful design, solid engineering, and empathy can come together to create a meaningful mental wellness tool-one that’s accessible, private, and supportive when users need it most.
Built With
- gemini
- github
- react
- supabase
- tailwindcss
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.