Desi AI Chatbot
Complete Technical Architecture, AI Flow & Development Documentation
chatwithvanshrajput.in ek fully-functional, production-grade AI chatbot hai jo maine (Vansh) ne scratch se design, develop aur deploy kiya hai. Yeh sirf ek chatbot nahi, balki ek full-stack AI system hai jo real users ke liye bana hai.
🤖 Open Live AI ChatbotLines of Code
Edge Functions
Database Tables
AI Models
Desi AI Chatbot ek multi-modal conversational system hai. User text, voice ya image bhej sakta hai, aur chatbot us input ko samajhkar Hinglish mein natural response deta hai.
System ko is tarah design kiya gaya hai ki har request secure ho, scalable ho, aur future mein naye AI models easily add kiye ja sakein.
Hinglish Conversations
Hindi + English mix, bilkul real desi tone mein.
Image Understanding
User images ko analyze karke meaningful answers.
Real-Time Web Search
Latest information using Perplexity API.
Image Generation
Text prompts se AI images generate karna.
Voice Interaction
Speech-to-Text & Text-to-Speech (ElevenLabs).
Role-Based Access
Free, Mentorship & Admin access levels.
Gamified UI
Cyberpunk-style animations & effects.
Desi Personality
Friendly, fun & culturally relevant responses.
System Architecture Flow
Text / Voice / Image
Validation + UI Logic
Secure API Gateway
Gemini / Perplexity
Hinglish Formatting
AI layer is the heart of this system. Primary model Google Gemini hai jo reasoning, conversation aur image understanding handle karta hai.
Perplexity API ko web-search aur fallback model ke roop mein use kiya gaya hai, taaki chatbot hamesha up-to-date information de sake.
Voice ke liye ElevenLabs integrate kiya gaya hai jisse natural human-like speech possible hoti hai.
Security system ka sabse important part hai. Isliye maine Supabase Authentication, Row Level Security (RLS), aur Edge Functions use kiye hain.
AI keys frontend mein kabhi expose nahi hoti. Har request pehle Edge Function se pass hoti hai, jahan validation aur permission checks hote hain.
Planning
Personality, language & UX define ki.
Frontend
React + TypeScript UI build ki.
Backend
Supabase + Edge Functions.
AI
Gemini, Perplexity & ElevenLabs.
Polish
Testing, performance & gamification.
🔒 Backend Documentation
Enter 4-digit PIN to unlock
Desi AI Chatbot
chatwithvanshrajput.in
Yeh ek fully-functional AI chatbot hai jo maine (Vansh) ne scratch se design aur develop kiya hai. Yeh sirf chatbot nahi, balki ek complete full-stack AI system hai.
Lines of Code
Edge Functions
Database Tables
AI Models
System Architecture
User → React UI → Edge Functions → Gemini / Perplexity → Hinglish Reply
- Hinglish natural chat
- Image analysis (Gemini Vision)
- Web search (Perplexity)
- Voice input/output (ElevenLabs)
Frontend Stack
- React 18 + TypeScript
- Tailwind CSS + Shadcn UI
- GSAP animations
- Vite build tool
- Component-based architecture
Edge Functions
▼- desi-chat – main AI handler
- elevenlabs-tts
- elevenlabs-transcribe
- voice-tts
AI Models
- Gemini 2.5 Flash – primary reasoning + vision
- Perplexity – web search & fallback
- ElevenLabs – voice AI
Custom Desi personality with Hinglish tone — friendly, helpful aur fun.
Security Implementation
- Supabase Authentication
- Row Level Security (RLS)
- Role-based access (Free / Mentorship / Admin)
- API keys secured inside Edge Functions
- Input validation & sanitization