Web Development
Real-Time Collaborative Code Editor
Multiplayer editing with CRDTs, live cursors and sandboxed execution
- Next.js
- TypeScript
- Yjs
- WebSockets
- +2
Web Development · Mini Project
Socket.IO chat rooms with typing indicators, presence and history
Overview
A browser chat app where users sign in, join public or invite-only rooms and talk in real time. Socket.IO carries messages, typing indicators and join or leave events, while MongoDB stores history so a returning user can scroll back through earlier messages. Presence shows who is online in each room, and unread counts update as messages arrive.
What makes it stand up
Module breakdown
Sign-up, login and token checks on the socket handshake.
Create, join, invite and leave with membership rules.
Socket.IO events with acknowledgements and persistence.
Online status and typing state tracked per connection.
Paginated message loading and unread tracking.
After this, you will be able to
Technology stack
You receive
Keep looking
Web Development
Multiplayer editing with CRDTs, live cursors and sandboxed execution