CollabCode Realtime Editor
🎥 CollabCode – Real-Time Collaborative Code Editor | Group Project Demo
Welcome to the official demo of CollabCode, our university group project designed to enable seamless real-time collaboration for developers.
With CollabCode, multiple users can write, edit, and manage code together live, powered by Next.js, Yjs (CRDT), Socket.io, Node.js, Express, MongoDB Atlas, and the Monaco Editor (the same editor used in VS Code).
────────────────────────────
🧠 About the Project
────────────────────────────
CollabCode is a real-time collaborative code editing platform that enables:
• Simultaneous multi-user code editing
• Conflict-free document synchronization using Yjs CRDT
• Live communication via Socket.io
• Secure data management with MongoDB Atlas
• Integrated version control and project management
This project demonstrates the power of distributed systems and web sockets for modern collaborative software development.
────────────────────────────
💻 Tech Stack
────────────────────────────
Frontend: Next.js, React, Tailwind CSS
Collaboration Engine: Yjs (CRDT) + Socket.io
Backend: Node.js, Express
Database: MongoDB Atlas
Editor: Monaco Editor
────────────────────────────
👨💻 Group Members (Group 28 - University of Moratuwa)
────────────────────────────
Sukithan T.
Sumathipala D.M.H.Y
Thushanth U.
────────────────────────────
🌐 Project Highlights
────────────────────────────
• Real-time multi-user editing
• Built-in chat and collaboration tools
• Version control and project management
• AI-assisted code explanation (Gemini AI integration)
• GitHub synchronization for CI/CD workflows
📺 Watch the full demo to see how developers can collaborate, code, and innovate together — anytime, anywhere.
#Nextjs #Yjs #Socketio #MonacoEditor #MongoDB #Express #CRDT #RealTimeCoding #Collaboration #FullStack #UniversityProject #CollabCode