Inspiration
We were inspired by the growing mental health struggles among students and professionals, especially the lack of accessible emotional support. We wanted to create a smart, secure, always-available wellness companion.
What it does
MindPal helps users reduce stress, manage anxiety, and track their emotional well-being through voice AI conversations, video therapy, task management, mood tracking, and personalized insights — all with strong privacy protection.
How we built it
We used:
- React + TypeScript + Vite for the frontend
- Tailwind CSS & Framer Motion for styling and animations
- Supabase for backend, authentication, and real-time updates
- ElevenLabs, Tavus, Gemini AI for voice, video, and language support
- Web Crypto API for client-side encryption
- Web Speech API for voice input
Challenges we ran into
- Integrating multiple AI services (voice, video, NLP) smoothly
- Handling real-time sync and offline support
- Ensuring strong data privacy while keeping UX smooth
- Handling multiple errors.
Accomplishments that we're proud of
- Built a full-stack, multilingual AI wellness app with live voice/video features
- Implemented secure, encrypted user sessions and mood tracking
- Created a beautiful, responsive, and accessible user experience
What we learned
- How to combine AI with empathetic design for mental health
- Implementing secure, real-time systems with Supabase
- The importance of balancing features with performance and accessibility
What's next for MindPal
- Launching a mobile application (PWA + native support)
- Expanding AI personalities and therapy modules.
- Integrating certified therapist resources and crisis support tools
- Improving emotional intelligence and personalization through feedback
Built With
- elevenlabs
- eslint
- framer
- gemini
- oauth
- pkce
- postcss
- react
- supabase
- tailwind
- tavus
- typescript
- vite
- webcrypto
- webspeech

Log in or sign up for Devpost to join the conversation.