Real-Time AI Chat
AI Chatbot — Techsnovel
Real-time chat with typing indicators, message queue, and RBAC-aware roles — React, Zustand, SignalR.
Visit site(opens in new tab)Challenge
Chat UI must feel instant while handling queued messages, typing indicators, and multiple user roles. Real-time delivery (SignalR) had to stay reliable without leaking messy subscription logic into every component.
My role
Front-end architecture and real-time chat interface with React, TypeScript, Zustand, and SignalR — including RBAC-aware interaction patterns for different user roles.
What I built
- Real-time chat UI with SignalR delivery
- Typing indicators and message-queue client state (Zustand)
- RBAC-aware interaction patterns for different roles
Outcome
Production chat platform at teechats.com with reliable real-time delivery and clear client-state boundaries around the message queue.
Technologies
- React
- TypeScript
- Zustand
- SignalR