🤖 AI Chat Hub – Universal Multi-Provider Assistant
A modern multi-model AI chatbot platform supporting Google Gemini, Groq, OpenRouter, Hugging Face, and OpenAI, complete with chat history management, performance analytics, and business insights dashboard — all built with React, TypeScript, and Vite.
Live-Demo: https://multi-ai-chat-hub.vercel.app/
✨ What It Does:
✅ Multi-Provider AI Chat – Seamlessly switch between Gemini, Groq, OpenRouter, Hugging Face & OpenAI
✅ Smart Fallback System – Auto-switches providers if one fails
✅ Chat History Management – Persistent conversations with local storage
✅ Business Insights Dashboard – Usage analytics & performance metrics
✅ Typewriter Animation – Real-time typing effect for better UX
✅ Emoji Picker & Tooltips – Interactive, friendly, and fun interface
✅ Responsive Dark UI – Optimized for desktop, tablet, and mobile
✅ Collapsible Sidebar – Clean workspace with intuitive navigation
🧠 Why It’s Special:
✔ Unified access to multiple AI providers in one platform
✔ Real-time analytics & session tracking for admins
✔ Elegant dark theme with modern UI components
✔ Smooth user experience powered by animations and live feedback
✔ 100% client-side privacy — no user accounts needed
🛠️ Tech Stack Highlights:
Frontend: React 18, TypeScript 5.6, Vite 7, Lucide Icons, Emoji Mart
Backend & Database: Vercel Serverless Functions, Prisma ORM, PostgreSQL (Neon)
UI & Tools: SCSS, Boxicons, Font Awesome, ESLint
📊 Use Cases:
💬 AI chat integration for productivity & research
📈 Business insights and analytics dashboard for usage monitoring
⚙️ Educational reference for building scalable AI-powered apps
This project demonstrates how to build a multi-AI ecosystem with modern web technologies, combining AI integration, UX design, and analytics into a single production-ready platform.