DEV Community: Shyam Raghuwanshi

EmpathyBridge

Shyam Raghuwanshi — Sun, 29 Jun 2025 14:51:15 +0000

EmpathyBridge: AI-Powered Voice Emotional Support 🎯

Transforming digital emotional support from text-based chatbots to natural, empathetic voice conversations that truly connect with people in their moments of need.

What I Built

EmpathyBridge is an AI-powered emotional support companion that provides real-time empathetic responses through natural voice interactions. It's designed to be your pocket therapist - always available when you need someone to talk to.

Key Features:

🤖 Smart AI Conversations - Intelligent responses that actually understand your emotions
🎤 Voice-First Experience - Speak naturally, get human-like voice responses
😊 Emotion Detection - Analyzes your feelings and responds appropriately
🔊 130+ Voice Options - Choose the voice that comforts you most
📱 Works Everywhere - PWA that runs on any device
♿ Accessibility-First - Built for everyone, including visually impaired users

How I Used Murf API

The magic happens with Murf's powerful voice technology:

🎯 Emotion-Aware Voice Selection

The app automatically picks the right voice tone based on your emotional state:

Calm support → Cooper's soothing voice
Gentle comfort → Hazel's warm tone
Crisis support → Deeper, reassuring voices

🚀 Real-Time Voice Generation

// Instant text-to-speech conversion
const voiceResponse = await murfAPI.generateSpeech({
  text: empathicResponse,
  voice: selectedVoice,
  emotion: detectedEmotion
});

🌍 Accessibility Enhancement

Voice responses make emotional support accessible to:

Users with reading difficulties
Visually impaired individuals
People who prefer audio communication
Anyone wanting a more personal connection

The Problem It Solves

🚨 Mental Health Crisis

1 in 4 people face mental health challenges
Long wait times for professional help
Stigma around seeking support
Limited accessibility options

💡 EmpathyBridge Solution

24/7 availability - No appointments needed
Anonymous support - No judgment, just help
Natural conversation - Feels like talking to a friend
Immediate response - Help when you need it most

Tech Stack & Architecture

// Simple but powerful stack
Frontend: HTML5 + CSS3 + JavaScript + Socket.IO
Backend: Node.js + TypeScript + Express
Voice: Murf API (TTS + Voice Selection)
Emotion AI: Custom keyword analysis
Deployment: Vercel + Railway

🏗️ System Flow

User speaks → Speech-to-text
Emotion analysis → Detect mood
AI generates response → Empathetic text
Murf converts → Natural voice
Play audio → Instant support

📱 Key Screens

Main Interface: Clean, calming design
Voice Selection: 130+ options to personalize experience
Emotion Feedback: Visual indicators of detected emotions
Crisis Mode: Special interface for urgent support

Real-World Impact

👥 Who Benefits

Students stressed about exams
Healthcare workers needing quick emotional breaks
Anyone experiencing anxiety, sadness, or isolation
Accessibility community preferring voice interaction

📊 Potential Scale

Supports unlimited concurrent users
Available in 130+ voice options
Zero wait time for support
Cost-effective mental health solution

Technical Challenges & Solutions

🧠 Challenge 1: Real-time Emotion Detection

Solution: Built custom keyword-based analyzer that processes emotions instantly

const detectEmotion = (text: string): EmotionState => {
  // Smart keyword matching with context awareness
  return analyzeEmotionalContext(text);
};

🎵 Challenge 2: Voice Personality Matching

Solution: Created emotion-to-voice mapping system

const voiceMap = {
  sad: 'cooper-calm',
  anxious: 'hazel-gentle',
  angry: 'marcus-understanding'
};

⚡ Challenge 3: Performance Optimization

Solution: WebSocket for real-time communication + efficient audio streaming

What's Next

🚀 Future Enhancements

Multi-language support using Murf's global voices
Advanced emotion AI with sentiment analysis
Crisis intervention with emergency contacts
Therapy integration for professional follow-up

🎯 Scaling Plans

Mobile app development
Healthcare institution partnerships
Integration with existing mental health platforms

Key Learnings

💡 Technical Insights

Voice interaction creates deeper emotional connection than text
Real-time processing is crucial for natural conversation flow
Accessibility features should be built-in, not added later

🌟 Impact Realization

Technology can genuinely help people feel less alone
Simple solutions often have the biggest impact
Voice makes digital support feel more human

Try It Yourself

🔗 Links

LIVE DEMO: LIVE DEMO
GitHub: Source Code
Video Demo: Watch on YouTube

🛠️ Quick Start

git https://github.com/Shyam-Raghuwanshi/EmpathyBridge
cd empathy-bridge
npm install
npm run dev
# Visit localhost:3000

Recognition

Built for Murf AI Hackathon - transforming how we think about digital emotional support through the power of natural voice interaction.

AI Form Builder

Shyam Raghuwanshi — Wed, 17 Jul 2024 11:40:02 +0000

Checkout this Form Builder https://lnkd.in/dWkveKrH

Github - https://github.com/Shyam-Raghuwanshi/formBuilder

We are going to build this with:

Nextjs 13

Dnd-kit library

ServerActions

Typescript

Tailwindcss / Shadcn UI

Xata

Prisma as ORM

Inngest

Features:

Responsive

Create forms with AI in seconds

Create forms with a stunning drag and drop designer

Layout fields: Title, SubTitle, Spacer, Separator, Paragraph

Form fields: Text, Number, Select, Date, Checkbox, Textarea

Is easy to add and customize new fields

Form preview dialog

Share form url

Form submission/validation

Form stats: visits and submissions

I developed a form builder application using the PXCI stack, which includes Xata, Prisma, Inngest, and Clerk. This combination offers a solid foundation for building, managing, and processing dynamic forms. Here’s a quick rundown of how each component is utilized:

Use of the PXCI Stack:

Xata: Xata serves as the database for the form builder. It provides a scalable, serverless solution for storing and retrieving form data. With its user-friendly interface and powerful querying capabilities, managing form data and submissions becomes straightforward.

Prisma: Prisma is our ORM (Object-Relational Mapping) tool, which simplifies database interactions. It allows for type-safe database queries and makes complex operations easier to handle. By integrating Prisma with Xata, we ensure our data models are well-structured and easily accessible.

Inngest: Inngest is used to manage and orchestrate background tasks and workflows. This is crucial for processing form submissions, sending notifications, and handling other asynchronous operations. By using Inngest, we maintain the application's performance and responsiveness by offloading these tasks to the background.

Clerk: Clerk is responsible for user authentication and management. It provides secure, ready-to-use authentication solutions, including sign-up, login, and user profile management. With Clerk, we ensure that only authorized users can access and interact with the application, enhancing security and user experience.

Combining these technologies, the form builder application offers efficient data management, secure user authentication, and smooth processing of background tasks, making it a comprehensive solution for dynamic form creation and management.

Submission for the [Wix Studio Challenge ]

Shyam Raghuwanshi — Thu, 04 Jul 2024 20:43:38 +0000

This is a submission for the Wix Studio Challenge

What I Built

I built an innovative eCommerce website called NovaMart. NovaMart offers a dynamic and user-friendly shopping experience, designed to cater to modern shoppers looking for convenience, personalization, and a seamless online experience.

Demo

Live-Link - NovaMart

Github-Link - NovaMart Github

Development Journey

Leveraging Wix Studio’s JavaScript Development Capabilities
Creating NovaMart was an exciting journey that allowed me to fully utilize Wix Studio's robust JavaScript development platform. I began by using the powerful visual builder to design a clean and appealing interface that ensures an intuitive user experience

Local Development with @wix/cli
One of the most valuable tools during development was the npm package @wix/cli. This package allowed for efficient local development, enabling me to develop and test features locally before deploying them. The ability to work in a local environment significantly streamlined the development process, allowing for rapid iteration and testing.

Seamless Integration with GitHub
Another crucial aspect of the development process was the integration with GitHub. Wix Studio provides functionality to connect your project with a GitHub repository. This integration was incredibly helpful as it allowed for continuous integration and deployment. Whenever changes were pushed to the main branch, the site would automatically update with the latest changes, ensuring that the development and production environments were always in sync.

Demo Video Loom Demo Video

ScreenShorts

User Account page

Login Page

Home page

Products Page

Product Page

Donation Page

Refer & Earn Page

To enhance the functionality of NovaMart, I integrated several of Wix’s APIs and libraries:

Wix Stores API: This was crucial for managing product listings, inventory, and categories.
Wix Users API: Enabled user authentication and personalized experiences based on user data.
Wix Pay API: Facilitated secure and smooth payment processing(But unfortunatily, I am not able to apply this because it need to have a plan).
Wix Animations: Added dynamic content and animations to create an engaging shopping experience.
Wix SEO API: Ensured that NovaMart is optimized for search engines, improving visibility and reach.