What Inspired Us
Traditional mental wellness apps feel clinical and disconnected. We wanted to make emotional reflection feel natural and beautiful - like visualizing your daily emotional journey as a cosmic solar system.
What We Learned
3D Web Development: Mastering Three.js for immersive browser experiences AI Integration: Working with OpenAI Whisper and Google Gemini for voice processing and emotion analysis Emotional Complexity: People experience layered emotional states, not single emotions Privacy Matters: Users need transparency about their emotional data
How We Built It
Tech Stack: Next.js + Three.js + Supabase + AI APIs Key Features: Voice recording with MediaRecorder API Real-time speech-to-text with Whisper AI emotion analysis with Gemini 3D solar system visualization with orbiting planets and emotion moons Interactive modals for detailed session analysis
Challenges We Faced
WebGL Context Loss: Implemented graceful fallbacks for mobile devices Audio Performance: Added file size limits and compression for large recordings 3D Optimization: Used level-of-detail rendering for smooth performance AI Consistency: Created structured prompts and validation for reliable responses Privacy Concerns: Implemented real-time processing without data storage
Key Innovation
First voice-first mental wellness app that transforms emotional patterns into beautiful cosmic visualizations, making self-reflection feel like exploring your personal universe.
Built With
- 3d
- gemini
- javascript
- mediarecorder
- node.js
- openai
- postgresql
- sql
- supabase
- tailwindcss
- three.js
- typescript
- vercel
- webgl
- whisper
Log in or sign up for Devpost to join the conversation.