🤝 Collaborative WebRTC Workspace

A blazing-fast, all-in-one collaborative document editor and whiteboard. Built for instant loading, peer-to-peer privacy, and maximum compatibility—even on ancient hardware. No servers, no dependencies, no nonsense.

🚀 Features

• 📝 Real-time collaborative document editing (rich text, formatting, lists, etc.)
• 🎨 Collaborative whiteboard with pen, brush, eraser, shapes, and text
• 🔒 Peer-to-peer connections using WebRTC (no server required after initial token exchange)
• 🗃️ All logic, UI, and styles in a single HTML file
• 🦖 Loads instantly, even on old hardware (2015 laptop, 4GB RAM)
• 🛡️ Works offline after first load
• 🥷 Only one HTTP request needed (no external scripts, fonts, or images)

🎬 Demo

• https://drive.google.com/file/d/1nbXgOEt8NIu7MNr5AUMkCfJmGPAElc7Y/view?usp=sharing

🏆 Tracks & Achievements

• Track 3 - Ancient Hardware Whisperer: Loads instantly on a 2015 laptop with 4GB RAM and integrated graphics. No heavy frameworks, minimal JavaScript, optimized for low memory and CPU
• Track 6 - Single-Request Samurai: The entire app (HTML, CSS, JS) is delivered in a single HTTP request. No images, fonts, or scripts are loaded from the network after the initial page load
• Track 15 - Monolith Master: The entire application is contained in a single HTML file. No external files, no imports, no dependencies

🛠️ Step-by-Step Setup & Usage

1. Open in your browser

• Open the link https://dhruvp2205.github.io/Collaborative-WebRTC-Workspace/ it into Chrome, Edge, or Firefox.

2. Create or Join a Room

• Click Create Room to start a new session.
• Or click Join Room and paste/upload a token from a collaborator.

3. Share the Token

• If you created a room, copy the token and send it to your collaborator (email, chat, etc.).

4. Accept the Response

• When your collaborator joins, they’ll send you a response token. Paste or upload it in the creator’s panel.

5. Collaborate!

• Edit documents together in real time 📝
• Draw, sketch, and annotate on the whiteboard 🎨
• See who’s connected in the participants list 👥

6. Save Your Work

• Download the document or whiteboard as needed.

📸 Screenshots

Main App UI

Document Editor

Whiteboard

Create Room

Join Room

Accept Response Token

Participants List

💡 Performance Tips

• For best results on old hardware, close other browser tabs and background apps
• The app is designed to avoid memory leaks and heavy DOM operations
• All drawing and editing is handled with native browser APIs

📋 License

MIT — Free for all, no attribution required. Use, remix, and share!

✨ Credits

Made with ❤️ and JavaScript. No frameworks, no nonsense.

🔗 Links