Thanks to visit codestin.com
Credit goes to github.com

Skip to content

GreenHacker420/VoxAssist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

106 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ™οΈ VoxAssist - AI Voice Support Agent

Eliminate frustrating support experiences with a lifelike AI agent customers can talk to on the phone and through embeddable voice chat widgets.

πŸš€ Enhanced Features

🎯 Core AI Voice Support

  • AI Voice Conversations - Natural, humanlike speech via ElevenLabs
  • Conversational Intelligence - Powered by Gemini API for advanced query understanding
  • Real-time Dashboard - Monitor live conversations with wave animations and sentiment analysis
  • Analytics & Insights - Track resolution rates, call duration, and performance metrics
  • User Empowerment - Complete user control over all settings and configurations

🌐 Plug & Play Voice Chat Widget

  • Embeddable Widget - Add voice chat to any website with a simple script tag
  • Automatic Context Extraction - AI understands your website content using Puppeteer/Cheerio
  • Customizable Appearance - Match your brand colors, position, and behavior
  • Real-time Audio Streaming - WebRTC/WebSocket for seamless voice communication
  • Multi-language Support - Serve customers in their preferred language
  • Widget Builder - Visual widget customization and deployment tools

πŸ“ž Advanced Multi-Provider Calling

  • Multiple Provider Support - Twilio, Plivo, Vonage, Bandwidth
  • WhatsApp Business Calling - Official Meta WhatsApp Business Calling API integration
  • VoIP Integration - Voice-over-internet protocol calling within WhatsApp threads
  • Provider Switching - Easy configuration without code changes
  • Cost Optimization - Choose providers based on regions and pricing
  • Failover Support - Automatic fallback to secondary providers
  • Real-time Call Tracking - Live call status updates and comprehensive history

πŸ”’ GDPR Compliance & Security

  • Data Encryption - End-to-end encryption for all sensitive data
  • Automatic Data Retention - Configurable retention and anonymization policies
  • Consent Management - Built-in GDPR consent tracking and management
  • Right to be Forgotten - Complete data deletion on user request
  • Audit Logging - Comprehensive audit trails for compliance

πŸ› οΈ Enhanced Tech Stack

  • Frontend: Next.js 15 + TailwindCSS 4 + TypeScript
  • Backend: Node.js + Express.js + Socket.IO
  • AI Stack: Gemini API, OpenAI Whisper (ASR), ElevenLabs (TTS)
  • Telephony: Multi-provider (Twilio, Plivo, Ringg AI, Sarvam AI)
  • Database: PostgreSQL + Prisma ORM + Redis
  • Auth: Scalekit + JWT
  • Deployment: Vercel (frontend), Render (backend)
  • Monitoring: Real-time analytics + health monitoring

πŸƒβ€β™‚οΈ Quick Start

  1. Install dependencies:

    npm run install:all
  2. Set up environment variables:

    # Copy and fill the environment files
    cp backend/.env.template backend/.env
    cp frontend/.env.example frontend/.env.local
  3. Configure your AI and telephony services:

    # Required API keys in backend/.env
    GEMINI_API_KEY="your_gemini_api_key"
    ELEVENLABS_API_KEY="your_elevenlabs_api_key"
    OPENAI_API_KEY="your_openai_api_key"
    TWILIO_ACCOUNT_SID="your_twilio_sid"
    TWILIO_AUTH_TOKEN="your_twilio_token"
  4. Initialize the database:

    cd backend
    npx prisma migrate dev
    npx prisma db seed
  5. Start development servers:

    npm run dev
  6. Access the application:

🌐 Embedding the Voice Chat Widget

Quick Embed

Add this script tag to any website to enable voice chat:

<script 
  src="https://your-domain.com/widget.js" 
  data-widget-id="your-widget-id"
  data-api-url="https://your-api-domain.com"
  data-context-url="https://your-website.com"
></script>

Advanced Configuration

<script 
  src="https://your-domain.com/widget.js" 
  data-widget-id="your-widget-id"
  data-api-url="https://your-api-domain.com"
  data-context-url="https://your-website.com"
  data-position="bottom-right"
  data-theme="light"
  data-primary-color="#3B82F6"
  data-greeting="Hi! How can I help you today?"
></script>

Widget Customization Options

  • Position: bottom-right, bottom-left, top-right, top-left
  • Theme: light, dark, auto
  • Colors: Custom primary and accent colors
  • Greeting: Custom welcome message
  • Language: Auto-detect or specify language code

πŸ“ž Multi-Provider Calling Setup

Supported Providers

  1. Twilio - Global coverage, comprehensive API
  2. Plivo - Cost-effective, good for high volume
  3. Vonage - Enterprise-grade reliability
  4. Bandwidth - High-quality voice services

WhatsApp Business Calling

  • Official Meta Integration - Direct WhatsApp Business Calling API
  • VoIP Calling - Voice calls within WhatsApp conversations
  • Interactive Messages - Call buttons and invitation templates
  • Real-time Status - Live call delivery and read receipts
  • Webhook Support - Complete event tracking and processing

Provider Configuration

Configure providers through the user dashboard at /dashboard:

  1. Add provider credentials (encrypted storage)
  2. Test connection with one-click validation
  3. Set as primary or backup provider
  4. Configure WhatsApp Business API credentials
  5. View call history and analytics

πŸ“ Project Structure

voxassist/
β”œβ”€β”€ frontend/                    # Next.js frontend application
β”‚   β”œβ”€β”€ src/app/admin/          # Admin dashboard pages
β”‚   β”œβ”€β”€ src/components/         # Reusable UI components
β”‚   └── src/contexts/           # React contexts
β”œβ”€β”€ backend/                     # Express.js backend API
β”‚   β”œβ”€β”€ src/controllers/        # API route handlers
β”‚   β”œβ”€β”€ src/services/           # Business logic services
β”‚   β”œβ”€β”€ src/middleware/         # Express middleware
β”‚   β”œβ”€β”€ src/public/             # Static files (widget.js)
β”‚   └── prisma/                 # Database schema and migrations
β”œβ”€β”€ k8s/                        # Kubernetes deployment configs
β”œβ”€β”€ scripts/                    # Deployment and utility scripts
└── docs/                       # Documentation and guides

πŸ”§ Environment Setup

Backend (.env)

GEMINI_API_KEY=your_gemini_api_key
ELEVENLABS_API_KEY=your_elevenlabs_api_key
TWILIO_ACCOUNT_SID=your_twilio_sid
TWILIO_AUTH_TOKEN=your_twilio_token
DATABASE_URL=your_postgresql_url
REDIS_URL=your_redis_url
SCALEKIT_CLIENT_ID=your_scalekit_client_id
SCALEKIT_CLIENT_SECRET=your_scalekit_secret

Frontend (.env.local)

NEXT_PUBLIC_API_URL=http://localhost:5000
NEXT_PUBLIC_SCALEKIT_CLIENT_ID=your_scalekit_client_id

πŸ“Š Success Metrics

  • βœ… 80%+ of queries resolved without human escalation
  • βœ… < 2 seconds response latency
  • βœ… 90% accuracy in transcription & intent recognition
  • βœ… Positive feedback in post-call surveys

πŸš€ Deployment

  • Frontend: Deploy to Vercel with automatic builds
  • Backend: Deploy to Render with PostgreSQL and Redis add-ons
  • Database: Use Supabase or Neon for managed PostgreSQL

πŸ“ License

MIT License - see LICENSE file for details.


Built with ❀️ by Harsh Hirawat

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors