💫 EchoRoom ✨

Inspiration

EchoRoom was created to provide a safe, supportive, and anonymous space for authentic group conversations. In a world where digital communication can feel isolating, we set out to build a platform that prioritizes emotional well-being, empathy, and meaningful connection—while protecting user privacy. Our mission: make it easy for anyone to find a community that matches their mood, and empower users with innovative AI tools for deeper engagement—whether through text, video, or voice.

What it does

EchoRoom is a next-generation, anonymous chat platform for emotional connection and mental wellness. Users join mood-based chat rooms (Hopeful, Lonely, Motivated, Calm, Loving, Joyful, Books) for real-time, text-based group conversations. Key features include:

  • Anonymous Participation: No registration required—users join instantly, choose anonymous identities, and control their participation.
  • Mood-Based Chat Rooms: Instantly join rooms that match your feelings, each with its own supportive community.
  • Tavus-Enabled Video Sessions: Have private video calls with Tavus AI avatars, who offer guidance, prompts, and empathetic engagement.
  • ElevenLabs ConvoAI: Opt for voice-only sessions powered by ElevenLabs, with conversational AI that responds naturally and empathetically.
  • Mistral AI: Advanced language understanding for smarter, more context-aware interactions.
  • Moderation & Safety: Automatic detection and handling of inappropriate language, with @mod for instant moderator calls. Row Level Security (RLS) in Supabase ensures privacy and safety.
  • Live Features: Typing indicators, message reactions, real-time participant updates, and persistent chat history.
  • Mobile-Optimized: Touch-friendly design and quick reactions for mobile users.
  • Analytics Dashboard: Post-session summaries and user analytics for reflection and growth.

How we built it

EchoRoom is built significantly on Bolt.new and leverages a modern, scalable stack:

  • Frontend: Vite + React 18 + TypeScript, styled with Tailwind CSS and a custom design system. UI uses Radix UI, Framer Motion, and Lucide React. State is managed with React Context API and useReducer.
  • Real-Time Chat: WebSockets (Socket.IO) for instant messaging and updates.
  • Tavus Integration: Video sessions with AI avatars for private conversations.
  • ElevenLabs Integration: Voice-only sessions with conversational AI.
  • Mistral Integration: Enhanced language understanding and smart responses.
  • Backend: Node.js + Express REST API for session, participant, and message management.
  • Database: Supabase (PostgreSQL) with Row Level Security (RLS) for privacy and safety.
  • Project Structure:
    • src/components/: UI, chat, video, layout, dashboard
    • src/pages/: Home, Welcome, Room, Dashboard
    • src/hooks/, src/context/, src/lib/, src/types/, src/styles/
  • DevOps: Vite for fast builds, TypeScript for type safety, ESLint and Biome for code quality.

Challenges we ran into

  • Real-Time Sync: Ensuring seamless synchronization between chat, video, and AI participants across mood-based rooms.
  • AI Avatar Engagement: Making Tavus avatars feel natural and supportive in video calls and allowing multiple users in one call.
  • Conversational AI Voice: Integrating ElevenLabs for genuine, empathetic voice participation.
  • Privacy & Safety: Balancing anonymity with persistent session state and robust moderation.
  • Scalability: Architecting for high concurrency and future growth.
  • Mobile Experience: Delivering a beautiful, production-ready UI on all devices.

Accomplishments that we're proud of

  • Seamless Multi-Modal Experience: Smooth integration of chat, video, and AI-powered voice with instant updates.
  • AI-Driven Engagement: Robust Tavus and ElevenLabs integrations for real-time private sessions.
  • Production-Ready UI: Visually stunning, accessible, and mobile-optimized interface.
  • Scalable, Secure Backend: RLS, audit trails, and extensible APIs.
  • User Empowerment: A platform where users feel safe, heard, and able to express themselves anonymously.
  • Analytics & Insights: Dashboards and summaries for user reflection and growth.

What we learned

  • Emotional Design Matters: UI/UX choices deeply impact user comfort and engagement.
  • AI as a Social Participant: Careful design is needed for AI to enhance, not disrupt, group dynamics.
  • Real-Time Complexity: Reliable, real-time systems require robust handling of edge cases and state sync.
  • Privacy by Design: Anonymity and safety can coexist with persistent, meaningful experiences.
  • Iterative Development: User feedback and rapid prototyping were key to refining features and emotional resonance.

What's next for EchoRoom

  • Advanced AI Moderation: More sophisticated real-time moderation and sentiment analysis.
  • Voice-to-Text & Accessibility: Live transcription and translation for inclusivity.
  • Expanded Mood Rooms: More moods, themed events, and community-driven spaces.
  • Deeper Analytics: Personal growth insights and conversation highlights.
  • Mobile App: Native apps for iOS and Android.
  • Integrations: Connections to mental health resources and wellness partners.
  • Open API: Third-party integrations and community plugins.
  • Gamification: Badges and achievements for positive participation.

EchoRoom is more than just a chat app—it's a movement to make the digital world a kinder, more connected, and anonymous place. Join us and find your voice.


Built With

Share this project:

Updates