Skip to content

namann5/Ai_Customer_Service

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

19 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ€–πŸ’¬ AI Customer Service

Bridging the Gap Between AI and Human Touch for Indian MSMEs

Status Language License

Empowering small businesses with intelligent, affordable, and culturally-aware customer support

Features β€’ Why This Exists β€’ How It Works β€’ Tech Stack β€’ Roadmap β€’ Getting Started


🎯 Overview

AI Customer Service is a hybrid support system designed specifically for Indian Micro, Small, and Medium Enterprises (MSMEs). It combines the efficiency of AI with the empathy of human agents, ensuring no customer query goes unansweredβ€”even at 2 AM.

Whether you run a local shop, clinic, salon, coaching center, or any service-based business, this system helps you:

  • βœ… Never miss a customer inquiry
  • βœ… Provide 24/7 support without hiring a call center
  • βœ… Communicate naturally in Hindi/Hinglish
  • βœ… Automatically escalate complex issues to humans
  • βœ… Keep costs affordable for small businesses

πŸ’‘ The Problem

What Indian Small Businesses Face Today

Challenge Impact
πŸ“ž Missed Calls Lost customers, damaged reputation
⏰ No 24/7 Support Customers go to competitors
🌐 Language Barriers Miscommunication, frustration
πŸ’° Expensive Call Centers Unaffordable for MSMEs
πŸ“± Unorganized Messages Important queries get buried

The Solution We're Building

A smart, affordable, and culturally-aware customer service system that:

  • πŸ€– Handles common queries automatically using AI
  • πŸ—£οΈ Understands and responds in Hindi/Hinglish naturally
  • πŸ‘€ Seamlessly hands over to humans when needed
  • πŸ’΅ Costs a fraction of traditional call centers
  • πŸ“Š Keeps everything organized and trackable

✨ Features

Current (Prototype Phase)

  • πŸ—οΈ Early-stage development - Building core infrastructure
  • πŸ“ Public development - Transparent progress tracking
  • πŸš€ Mock AI Engine - Simulates intelligent responses
  • πŸ’¬ Hybrid Support - Basic fallback logic implemented

Planned Features

🎨 For Businesses

  • Simple Dashboard - Manage FAQs, view conversations, track metrics
  • Custom Branding - Add your business logo and colors
  • Multi-channel Support - WhatsApp, Website Chat, SMS integration
  • Analytics - Understand customer queries and satisfaction

πŸ’¬ For Customers

  • Natural Conversations - Chat in Hindi/Hinglish like talking to a friend
  • Instant Responses - Get answers to common questions immediately
  • Human Handoff - Easy "Talk to Human" option when needed
  • 24/7 Availability - Support anytime, anywhere

πŸ€– AI Capabilities

  • FAQ-Based Responses - Learn from your business FAQs
  • Context Awareness - Remembers conversation history
  • Smart Escalation - Knows when to involve humans
  • Multi-language Support - Hindi, Hinglish, English

πŸ”„ How It Works

graph LR
    A[Customer Query] --> B{AI Analysis}
    B -->|Simple FAQ| C[AI Response]
    B -->|Complex/Uncertain| D[Human Agent]
    C --> E[Customer Satisfied?]
    E -->|No| D
    E -->|Yes| F[Conversation Ends]
    D --> F
Loading

The Flow

  1. Customer sends a message (via website chat, WhatsApp, etc.)
  2. AI analyzes the query using FAQ database and context
  3. Two paths:
    • βœ… Simple query β†’ AI responds immediately
    • ❓ Complex/uncertain β†’ Escalates to human agent
  4. Human agent takes over seamlessly (if needed)
  5. Conversation tracked for analytics and improvement

πŸ› οΈ Tech Stack

Frontend

  • React (Vite) - Modern, fast UI framework
  • Tailwind CSS - Utility-first styling with "Velora" design system
  • Framer Motion - Smooth interfaces and animations
  • Lucide React - Beautiful, consistent icons

Backend

  • Node.js - Runtime environment
  • Express.js - Web framework
  • MongoDB - Database for conversations and FAQs (with In-Memory Fallback)

AI & APIs

  • OpenAI GPT or Google Gemini - Natural language processing (Planned)
  • Custom FAQ Engine - Business-specific knowledge base

Deployment

  • Netlify/Vercel - Frontend hosting
  • Render/Railway - Backend hosting

πŸ—ΊοΈ Roadmap

Phase 1: Foundation πŸ—οΈ

  • Project setup and architecture
  • React Frontend with "Velora" UI
  • Backend API with Mock Data support
  • Basic Chat Interface

Phase 2: Core Features βš™οΈ

  • FAQ management system
  • Real AI integration (OpenAI/Gemini)
  • Hindi/Hinglish language fine-tuning
  • Persistent Database connection

Phase 3: Human Handoff πŸ‘€

  • Agent dashboard
  • Real-time Socket.io integration
  • Notification system

Phase 4: Polish & Deploy πŸš€

  • UI/UX improvements
  • Performance optimization
  • Production deployment

Phase 5: Real-World Testing πŸ§ͺ

  • Demo with local business
  • User feedback collection

πŸš€ Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • MongoDB (optional, app runs in Mock Mode without it)

Installation

# Clone the repository
git clone https://github.com/yourusername/ai-customer-service.git

# Navigate to project directory
cd ai-customer-service

# --- Backend Setup ---
cd backend
npm install
npm start
# Server runs on http://localhost:5000

# --- Frontend Setup ---
# Open a new terminal
cd frontend
npm install
npm run dev
# App runs on http://localhost:5173

πŸ“ Project Structure

ai-customer-service/
β”‚
β”œβ”€β”€ frontend/              # React Frontend
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/   # Reusable UI components
β”‚   β”‚   β”œβ”€β”€ pages/        # Main application pages
β”‚   β”‚   β”œβ”€β”€ assets/       # Static assets
β”‚   β”‚   └── App.jsx       # Main application entry
β”‚   β”œβ”€β”€ vite.config.js    # Vite configuration
β”‚   └── tailwind.config.js # Tailwind configuration
β”‚
β”œβ”€β”€ backend/               # Express Backend
β”‚   β”œβ”€β”€ server.js         # Entry point
β”‚   β”œβ”€β”€ routes/           # API routes
β”‚   β”œβ”€β”€ models/           # Mongoose models
β”‚   β”œβ”€β”€ services/         # Business logic
β”‚   └── config/           # Database config
β”‚
β”œβ”€β”€ frontend_legacy/       # Archived Vanilla JS Frontend
└── README.md             # Project Documentation

🀝 Contributing

We're building this in public and welcome contributions! πŸŽ‰

How to Contribute

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Make your changes
  4. Commit with clear messages (git commit -m 'Add amazing feature')
  5. Push to your branch (git push origin feature/amazing-feature)
  6. Open a Pull Request

⚠️ Early Prototype Warning

This is an experimental project in active development.
Features may change, bugs may exist, and everything will evolve based on real-world feedback.

We're building this in public. Join us! πŸš€


Made with ❀️ for Indian Small Businesses

⬆ Back to Top

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors