Go Back
Chat-Hub
Project overview
Chat-Hub is a real-time chat application built for speed, simplicity, and seamless collaboration. Whether you're chatting with friends, coordinating with a team, or experimenting with WebSocket functionality, Chat-Hub delivers a fast and responsive experience. Users can instantly create or join chat rooms without sign-up, share room codes, and experience smooth messaging — all wrapped in a clean, modern UI with dark/light mode support. Built with React, TypeScript, and WebSocket, the app demonstrates how lightweight tools can create powerful, real-time communication platforms that scale effortlessly.
Project Challenges
- Ensuring real-time sync across all connected clients
- Managing dynamic user joins/leaves with accurate state
- Building ephemeral room logic for automatic cleanup
- Handling edge cases in WebSocket disconnection and reconnection
My learnings
- Mastered WebSocket integration for real-time communication
- Learned to manage state across dynamic chat rooms
- Implemented lightweight user presence tracking
Features
- 🛠️ *Create unlimited chat rooms* — no sign-up required
- 💬 Real-time messaging powered by WebSocket
- 🔗 Shareable room codes for quick invites
- 👥 User count visibility in each room
- 📥 Display of join/leave messages in real-time
- 📱 Fully responsive design for desktop and mobile
- 🌗 Dark and Light Mode support
- 🧼 *Ephemeral rooms* — messages are cleared after all users leave