Heal & Rise

💡 Inspiration

Mental wellness apps often overlook the emotional depth and daily struggles women face. We wanted to create a safe, AI-powered space that feels empathetic, personal, and supportive—not robotic. “Heal & Rise” was born to offer a compassionate digital companion that listens, reflects, and empowers women to grow through their emotional journey.

🚀 What it does

Heal & Rise is an emotionally intelligent wellness app designed for women. It allows users to:

• 🎙 Record their emotions via voice and safely express their thoughts.
• 💬 Get personalized mental health insights using AI-driven analysis.
• 🧘‍♀️ Receive soothing, mindful voice responses to ease emotional tension.
• 📓 Keep a private audio journal to track and reflect on their emotional growth over time.

🛠 How we built it

We used:

• React + TypeScript + Vite for a blazing-fast frontend.
• Tailwind CSS + Framer Motion for a smooth, elegant UI.
• Zustand for lightweight state management.
• Browser APIs + Web Audio API to capture and process voice inputs.
• Gemini AI (optional layer) for intelligent, context-aware reflections.

We focused on building a lightweight MVP that is fast, responsive, and accessible on the web.

🧱 Challenges we ran into

• 🎙 Integrating the Web Audio API for voice input and ensuring cross-browser compatibility.
• 🤖 Handling AI-generated reflections in a way that feels emotionally sensitive, not generic.
• 🔐 Ensuring user privacy and safety while dealing with sensitive voice data.
• 🏗 Deploying on Netlify while debugging strict TypeScript type issues with ArrayBuffer.

🏆 Accomplishments that we're proud of

• Built a voice-based journaling system from scratch with real-time processing.
• Created an interface that feels safe, warm, and intentional—not clinical.
• Integrated AI to provide emotionally relevant responses rather than generic feedback.
• Deployed a fully working prototype that’s mobile-responsive and production-ready.

📚 What we learned

• The emotional UX of a wellness app matters more than features—tone and flow are everything.
• Handling voice and binary data in TypeScript requires careful attention to type strictness.
• Minimalistic design and gentle microinteractions can make the user feel truly seen and heard.

🔮 What's next for Heal & Rise

• Add emotion detection from voice tone (affective computing).
• Integrate personalized daily reflections using mood tracking.
• Build a mobile app version using React Native.
• Incorporate encryption and user authentication for secure journaling.
• Open up the platform to therapist-guided feedback (optional opt-in model).

Built With

• browser-mediarecorder-api
• built-with:-react
• framer-motion
• github
• kimi
• lottie-react
• lucide-react
• murf
• netlify
• react-beautiful-dnd
• react-hot-toast
• react-intersection-observer
• react-router
• react-spring
• react-swipeable
• react-use
• react-use-gesture
• tailwind-css
• typescript
• vite
• web-audio-api
• zustand