Skip to content

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.

Notifications You must be signed in to change notification settings

Prince-Singh-Dev/CollabLive

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

⚑ CollabLive - Real-Time Collaborative Document Editor

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.

Image

πŸš€ Features

  • 🧠 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 .txt files
  • πŸ§‘β€πŸ’» Built with pure JavaScript, no frameworks!

πŸ”§ Tech Stack

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

πŸ“ Folder Structure

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


βš™οΈ How to Run Locally

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

πŸ“Έ Screenshots / Outputs

Image Image

πŸ§‘β€πŸ’Ό Made By Prince Singh Student β€’ Web Developer β€’ Future Entrepreneur

⚑ Let’s build the future of collaboration, one keystroke at a time.

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published