Live Site: Cosmic Care
Welcome to Cosmic Care, an innovative emotional wellness web app that transforms your daily emotional journey into an interactive 3D solar system experience. Track your emotional states across morning, afternoon, and evening sessions while visualizing your emotional patterns through stunning 3D graphics and intuitive calendar views.
The app features a 3D Solar System Visualization where each planet represents a daily session, and emotional states orbit as moons around their respective planets. Users can explore their emotional data through both immersive 3D interactions and comprehensive calendar analytics. The Calendar View provides a GitHub-style heatmap showing emotional intensity patterns over time, with color-coded gradients representing positive, negative, and balanced emotional states.
- Frontend: Next.js, React, TypeScript
- 3D Graphics: Three.js, React Three Fiber, @react-three/drei
- Styling: TailwindCSS
- Backend: Supabase (PostgreSQL, Authentication)
- AI Integration: Gemini API
- Audio Processing: Web Audio API for recording, OpenAI Whisper for transcription
- Deployment: Vercel
- 3D Solar System Visualization: Interactive planets and moons representing emotional states
- Session-based Emotional Tracking: Morning, afternoon, and evening emotional monitoring
- Calendar Heatmap: GitHub-style visualization of emotional patterns over time
- Audio Recording & Transcription: Voice-based emotional logging with AI transcription
- Emotion Analysis: AI-powered emotion detection and intensity scoring
- User Authentication: Secure signup, signin, and profile management
- Responsive Design: Optimized for desktop and mobile experiences
- Real-time Data Sync: Live updates across all visualization components
- Color-coded Analytics: Intuitive visual representation of emotional states
-
Add more visualization modes (charts, graphs, timeline views)
-
Add voice emotion analysis for more accurate mood detection
-
Implement data export functionality (PDF reports, CSV data)
Created by:
