- A real-time Collaborative Code Editor built using React, Node.js, Express, Socket.io, and the Piston API for executing code instantly in multiple languages.
- Collaborate, code, and compile together — all inside your browser.
This project lets multiple users edit and run code together in real-time. It simulates the collaborative experience of platforms like Replit or VS Code Live Share, allowing real-time updates, code execution, and teamwork directly from the web interface.
It’s ideal for:
- Pair programming
- Technical interviews
- Coding practice with friends
- Collaborative debugging sessions
- ⚡ Real-Time Collaboration using Socket.io
- 💬 Multiple Users Editing Simultaneously
- 🧩 Run Code Instantly via Piston API
- 🧠 Multi-language Support
- 🖥️ Clean, Responsive UI with syntax highlighting
- 🔗 Room-based Collaboration (each session has a unique room ID)
| Layer | Technology |
|---|---|
| Frontend | React, Tailwind CSS / CSS Modules |
| Backend | Node.js, Express |
| Real-time Engine | Socket.io |
| Code Execution | Piston API |
| Code Editor | Monaco Editor |
- Open the app and create a room or join an existing one.
- Start typing — your changes appear instantly for everyone in that room.
- Choose your preferred programming language.
- Click Run to execute code (powered by the Piston API).
- Output appears below the editor.
- Share the room link with your friends to code together.
- 💬 In-editor Chat or Comments for collaboration
- 💾 Save Code Snippets to database (MongoDB / PostgreSQL)
- 👥 User Authentication (Clerk / Supabase / Firebase)
- 🎤 Voice or Video Collaboration
- 📑 Version History & Undo/Redo Sync
If you like this project, please give it a ⭐ on GitHub — it helps others discover it.