Back to projects
2025AI & WebliveSub-100ms real-time chat sync with multi-model AI routing
AI ChattyBot
Real-time AI chatbot app with typing indicators, glassmorphic UI, and multi-model routing.
Tech Stack
ReactSocket.IOExpress.jsNode.jsTailwind CSSOpenRouter API
Key Highlights
- Maintains persistent two-way communication channels with WebSockets via Socket.IO
- Provides flexible access to Gemini, Claude, and GPT models via OpenRouter routing
- Features modern glassmorphism aesthetic styling with Tailwind CSS v4 variables
Overview
AI ChattyBot is a real-time conversational chat application. Built with React and Tailwind CSS 4, it interfaces with an Express.js backend and Socket.IO for persistent duplex WebSocket connections. It supports dynamic model switching through the OpenRouter API (including Gemini, Claude, and GPT models). Features include real-time typing indicators, auto-scrolling message streams, connection state indicators, and inline markdown rendering.
Project Details
- Year
- 2025
- Category
- AI & Web
- Status
- live
- Stack size
- 6 technologies