Mediverse: Your Mood-Aware Companion

💡 Inspiration

Mental health is deeply personal, yet most digital tools feel overly clinical or one-size-fits-all. We wanted to create a space that feels emotionally safe, friendly, and gentle — something that understands how you're feeling and responds with empathy. Mediverse was born from the idea of building a mood-aware, AI-ready mental health app that truly feels like a companion.

💖 What it does

Mediverse is a calming, mobile-first wellness app that helps users:

• Reflect through daily mood check-ins
• Express feelings through journaling
• Access a toolbox of mental health support tools like:
  • Breathing exercises (with animations)
  • Guided mindfulness sessions
  • Uplifting music
  • Daily affirmations
• Review emotional history through mood + journal logs
• Set up emergency contacts and receive gentle crisis support prompts

All in a warm, emotionally intelligent interface with soft visuals and intuitive UX.

🛠️ How we built it

We used:

• React Native + Expo for mobile-first development
• TypeScript for type-safe coding
• Reanimated & Lottie for calming micro-animations
• React Navigation for smooth app flows
• Supabase for user authentication and backend storage
• Custom design system for consistency (colors, typography, shadows, spacing)

We designed every screen around emotional comfort — rounded UI, pastel tones, soft shadows, and clear touch targets.

🚧 Challenges we ran into

• Designing a UX that balances calmness with functionality
• Scoping features realistically within the hackathon timeline
• Creating placeholder flows for future AI/voice integration
• Building emotional micro-interactions that feel natural, not distracting

🏆 Accomplishments that we're proud of

• A fully functional, end-to-end emotional wellness flow
• Gentle animations and a design language that feels emotionally safe
• Future-ready structure to easily add GPT/voice-based AI mood analysis
• Thoughtfully crafted onboarding and user personalization screens

📚 What we learned

• Emotional design is more than visuals — it’s pacing, tone, spacing, and frictionless flow
• Planning ahead for advanced integrations (like GPT or ElevenLabs) saves time later
• Soft UX can make a big emotional impact, even without complex backend features
• Supabase is a powerful, fast backend for wellness-focused apps

🚀 What's next for Mediverse: Your Mood-Aware Companion

• 🔮 AI-powered mood analysis from journal entries using GPT-4
• 🗣️ Voice input and emotional tone detection (with ElevenLabs)
• 🎧 Spotify integration for mood-based music recommendations
• 🧠 Journaling insights, summaries, and mental health tips from AI
• 📈 Mood trends and emotional analytics over time
• 🛡️ Privacy-first offline journaling mode with local encryption

Built With

• eas-(expo-application-services)
• eslint
• expo.io
• lottie
• react-native-svg
• react-navigation
• reactnative
• reanimated
• supabase
• typescript