InspirationInspiration
In today’s digital world, communication happens fast—and often in emotionally charged moments. We noticed how people regret sending harsh texts or saying things they don’t truly mean. That’s where the idea for EchoCare was born:
“What if we had an AI that listens to what we say—and how we feel—and helps us express ourselves better?”
Our goal was to create something emotionally intelligent, practical, and life-improving.
💬 What it Does
EchoCare is your Emotional Mirror + Message Fixer. It listens to your voice or reads your typed message, detects your emotional state, and rewrites what you want to say in a calm, empathetic, and constructive tone.
🔹 You say or type something while upset. 🔹 EchoCare detects emotion from tone or sentiment. 🔹 It rewrites the message using AI to reduce conflict or negativity. 🔹 You get two panels: Your Original Message and Rewritten Suggestion.
Use-cases:
Students messaging professors
Friends/partners during arguments
Workplace communication stress
Social media posting filter
🛠 How We Built It
Frontend:
React + TypeScript
Tailwind CSS for responsive design
OpenRouter API integration (Claude/GPT-4 style models)
Voice input via Whisper AI (for transcription)
Backend & Deployment:
Firebase (Firestore for storing messages and emotion scores)
Firebase Auth for login/signup
Hosting via Netlify
Flow Summary:
User speaks or types a message
System detects emotional tone
AI rewrites message with empathy
Side-by-side display of original vs improved
⚠️ Challenges We Ran Into
Making voice input feel seamless with real-time transcription
Balancing response speed vs accuracy for OpenRouter LLMs
Designing a clean, dual-panel UI that’s intuitive and helpful
Integrating Firebase with authentication + storage in limited time
Managing state across multiple AI interactions without lag
🏆 Accomplishments We’re Proud Of
Built a working emotionally-aware AI assistant in under a week
Designed a clean, beautiful UI that makes communication easier
Successfully implemented dual input modes (voice + text)
Solved real communication problems with GenAI in a creative way
Got great feedback during early demos (“I wish I had this app before!”)
📚 What We Learned
How to build a full-stack app with AI, voice, and real-time reactivity
The importance of emotional intelligence in tech products
How to engineer prompts to change tone without changing meaning
Using Whisper for voice transcription and syncing it with LLM output
Firebase Auth + Firestore best practices for fast and scalable apps
EchoCare is just the beginning of emotionally intelligent communication tools. Here's how we plan to push it further:
🧠 Smarter Emotional Intelligence
Use multi-modal emotion detection: Combine tone, facial expression (via webcam), and text to improve emotion accuracy.
Train custom models for more nuanced emotional detection, especially across different cultures and languages.
📲 Mobile App Launch
Launch EchoCare as a cross-platform mobile app (using React Native or Flutter).
Add push notifications and real-time message interception (e.g., WhatsApp, Gmail integration).
🔐 Privacy First
Implement on-device processing for transcription and analysis to ensure full user privacy.
Add data encryption and optional message history deletion after each session.
🌍 Language & Culture Expansion
Support regional languages and culturally sensitive rewrites using translation + sentiment adjustment.
Include professional tone correction for formal settings, like job applications or academic emails.
💼 Enterprise + Mental Health Use
Offer EchoCare as a plugin for Slack, Teams, and Customer Support Tools.
Partner with mental health platforms to provide emotional support for therapy and self-reflection.
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for Ecocare
Built With
- claude
- css3
- firebase
- github
- gpt-4
- javascript
- openrouter
- pythone
- react
- tailwind
- vscode
- whisper
Log in or sign up for Devpost to join the conversation.