MAJOR PROJECT SYNOPSIS

SynCode: Real-Time Collaborative Coding Platform

Submitted in partial fulfillment of the requirements

for the award of the degree of

Bachelor of Technology

Information Technology

Supervisor: Ms. Sanjyoti Tarai

Submitted By:
Medha Bhardwaj (04696203122)
Harsh Kumar (05096203122)
Samiksha Gupta (00896203122)
Ashish Sharma (35596203122)

Department of Information Technology

Dr. Akhilesh Das Gupta Institute of Professional Studies
(Formerly ADGITM)
FC-26, SHASTRI PARK, NEW DELHI
Affiliated to

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

Sector - 16C Dwarka, Delhi - 110075, India
2022-26
 INTRODUCTION
In today's technology-driven world, software development is rarely a solo endeavor. Teams
of developers across different time zones collaborate on shared codebases, making real-time
communication and synchronization critical to productivity. Despite the proliferation of code
editors and IDEs, most existing tools fail to provide a seamless, low-latency collaborative
experience with integrated code execution capabilities.
SynCode is a Real-Time Collaborative Coding Platform designed to bridge this gap. It
enables multiple users to simultaneously write, edit, and execute code within shared virtual
rooms. Built on modern WebSocket technology and powered by a robust cloud-native
backend, SynCode delivers a synchronized editing experience comparable to Google Docs —
but purpose-built for developers.
By combining a feature-rich Monaco code editor, real-time [Link] communication, JWT-
based authentication, Docker-isolated code execution via Judge0, and room-based session
management, the platform transforms collaborative coding into an interactive, productive,
and secure experience.

Project Importance
• Enables real-time multi-user code collaboration with conflict-free synchronization
• Supports secure code execution in isolated Docker containers
• Provides room-based sessions with JWT authentication for access control
• Offers a professional-grade Monaco editor with syntax highlighting and IntelliSense
• Facilitates pair programming, technical interviews, and remote team collaboration
 PROBLEM STATEMENT
Despite several existing tools, real-time collaborative coding platforms face significant
shortcomings:

• Lack of True Real-Time Sync: Most code editors do not support simultaneous multi-
user editing without race conditions or merge conflicts.

• Absence of Integrated Execution: Existing collaboration tools rarely support in-

browser code compilation and execution across multiple languages.

• Security Vulnerabilities: Running user-submitted code on shared servers without

proper sandboxing creates serious security risks.

• Poor Session Management: Many platforms lack robust room-based access control,
making it difficult to manage private or team-specific sessions.

• Limited Language Support: Most tools support only a narrow set of programming
languages, restricting versatility for diverse development needs.

• Scalability Issues: Existing solutions often fail to scale efficiently as concurrent user
count increases, leading to latency and dropped connections.

There is a clear need for an intelligent, scalable, and secure collaborative coding platform that
integrates real-time synchronization with isolated code execution and robust session
management.
 OBJECTIVE
The primary objective of SynCode is to design and implement a real-time collaborative
coding platform that provides a seamless, secure, and scalable environment for multiple users
to write, execute, and share code.

Project Objectives

• Real-Time Collaboration: Enable multiple users to simultaneously edit code in

shared rooms with instant synchronization using WebSockets.

• Multi-Language Code Execution: Integrate Judge0 API to compile and run code in
20+ programming languages with output returned in real time.

• Secure Authentication: Implement JWT-based authentication to manage user

sessions and control room-level access permissions.

• Room-Based Session Management: Allow users to create, join, and manage private
or public coding rooms with unique session identifiers.

• Professional Code Editor: Embed the Monaco Editor (the same engine behind VS
Code) to deliver syntax highlighting, auto-complete, and language-aware features.

• Scalable Architecture: Deploy the platform using Docker containers to ensure

environment consistency and horizontal scalability.

• Conflict-Free Synchronization: Implement operational transformation or CRDT-

inspired logic to handle simultaneous edits without data loss.
 METHODOLOGY
The development of SynCode follows a structured and modular methodology to ensure real-
time performance, security, and scalability.

1. User Authentication & Session Handling

Users register and log in using JWT-based authentication. On login, a signed token is issued
and stored client-side to authorize all subsequent API requests and WebSocket connections.
2. Room Creation & Management
Authenticated users can create named coding rooms or join existing ones via a unique room
ID. Room metadata (members, language, code state) is persisted in MongoDB.
3. Real-Time Code Synchronization
[Link] WebSocket channels broadcast code change events to all participants in a room.
Changes are synchronized across all connected clients with sub-100ms latency.
4. Monaco Editor Integration
The Monaco Editor is embedded in the [Link] frontend, providing a VS Code-like interface
with syntax highlighting, bracket matching, and auto-completion for multiple languages.
5. Code Execution via Judge0
On submission, code is sent to the Judge0 API which compiles and executes it in an isolated
Docker container. Standard output, errors, and execution time are returned and displayed in
real time.
6. Database Persistence
MongoDB stores user profiles, room configurations, and session histories. This allows users
to revisit previous sessions and restore code states.
7. Containerized Deployment
The entire application stack is containerized using Docker and Docker Compose, ensuring
consistent environments across development, staging, and production.
 TECHNOLOGY STACK
SynCode uses a modern full-stack architecture integrating real-time communication, cloud-
native deployment, and AI-powered code execution.

1. Frontend Technologies
• [Link]
• Monaco Editor (VS Code Engine)
• Tailwind CSS / Bootstrap
• HTML5, CSS3, JavaScript (ES6+)

2. Backend Technologies
• [Link] with [Link]
• [Link] (WebSocket communication)
• JWT (JSON Web Tokens for authentication)

3. Code Execution
• Judge0 API (Multi-language code compilation)
• Docker (Isolated execution containers)

4. Database
• MongoDB (NoSQL — users, rooms, session data)

5. DevOps & Deployment

• Docker & Docker Compose
• AWS / Railway / Render (Cloud hosting)

6. Development Tools
• VS Code
• Git & GitHub
• Postman (API testing)
 APPLICATIONS
SynCode can be applied across a wide range of domains:

1. Pair Programming
Allows two or more developers to write and debug code together in real time, regardless of
location.
2. Technical Interviews
Companies can use SynCode as a live coding interview platform where candidates and
interviewers share a synchronized editor with immediate code execution.
3. Online Education
Instructors can share live coding sessions with students, allowing learners to follow along,
modify examples, and execute code in real time.
4. Competitive Programming
Teams can collaborate on competitive programming problems, sharing solutions and testing
against inputs within the same shared environment.
5. Remote Team Development
Distributed engineering teams can use SynCode for code reviews, rapid prototyping, and
debugging sessions without setting up complex shared environments.
6. Hackathons
Hackathon participants can use shared rooms to collaboratively develop, test, and iterate on
projects within tight time constraints.
 CONCLUSION
SynCode transforms isolated coding workflows into a collaborative, real-time experience. By
integrating WebSocket-powered synchronization, Monaco editor, isolated code execution via
Judge0, JWT authentication, and Docker-based deployment, the platform delivers a complete
solution for modern collaborative software development.

The project demonstrates how real-time web technologies can be effectively combined with
cloud-native infrastructure to build scalable developer tools — contributing toward the future
of distributed software engineering and remote collaboration.