Project Overview
CollabEdit replicates the collaborative writing features of Google Docs. Using conflict-free replicated data types (CRDTs), it resolves typing overlaps without requiring central coordination, keeping document states aligned.
Key Features & Scope
Rich text formatting tools powered by Quill editor configurations
Conflict-free editor syncing utilizing Yjs document protocols
User presence markers tracking typing selections on the page
Document export formats downloading files in Word, PDF, or HTML
System Architecture
A React app communicating with an Express websocket gateway. Document sync state runs using Y-Websockets, executing CRDT resolution algorithms on the client.
Client InterfaceNext.js / React
──────▶
Backend CoreNode.js / Express
──────▶
Database NodeSQLite (document history)
Database: SQLite (document history)
Deployment: Render droplet & Vercel
Performance & Vitals
96
97
98
100
Verified Production Metrics
Technologies Used
ReactQuill.jsYjsWebSocketsExpress.jsTypeScript