Collaborative Document Editor

Collaborative Document Editor

A playground to understand collaborative editing and websocket plumbing. The goal: give multiple people a doc link and keep edits in sync without collisions.

Node + Socket.io broker changes, MongoDB persists docs, and the React/Quill front-end broadcasts and applies updates in real time. Each doc lives in its own room so traffic stays scoped.

Key Features

• Implemented per-document rooms so updates only broadcast to collaborators on the same doc.:
• Auto-saves to MongoDB on idle, keeping edits safe without spamming writes.:
• Added connection + presence indicators so users know when friends join or drop.:

Learnings

• Operational transform concepts help reason about conflicts even in a lightweight clone.
• Websocket backpressure matters—rate limiting bursts kept the server stable.
• Clear presence signals reduce anxiety; people trust the tool more when they can see who is editing.