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

- 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

Share this project:

Updates