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.