A sleek and lightning-fast real-time document editor built using Node.js, Socket.io, and Vanilla JS. Collaborate live, edit together, and never lose your work.
- π§ Real-time text collaboration with multiple users
- βοΈ Separate documents using unique shareable links
- π Live text syncing across connected clients
- π Word counter, autosave status, and user presence
- πΎ Content is saved server-side in
.txtfiles - π§βπ» Built with pure JavaScript, no frameworks!
| Tech | Description |
|---|---|
Node.js |
Backend runtime environment |
Express.js |
HTTP server |
Socket.io |
WebSockets for real-time sync |
HTML/CSS |
Frontend UI & styles |
Vanilla JS |
Lightweight frontend logic |
collab-doc-editor/ βββ public/ β βββ index.html # Home page with "New Doc" button β βββ editor.html # Collaborative editor UI β βββ style.css # Neon-themed UI styles βββ data/ # Stored text files for each doc (gitignored) βββ server.js # Node + Socket.io backend βββ package.json βββ .gitignore
git clone https://github.com/your-username/collab-doc-editor.git
cd collab-doc-editor
npm install
node server.js
Then open your browser and go to:
http://localhost:3000
π§βπΌ Made By Prince Singh Student β’ Web Developer β’ Future Entrepreneur
β‘ Letβs build the future of collaboration, one keystroke at a time.