π€ 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.