REAL TIME COLLABORATIVE CODE EDITOR

REAL TIME COLLABORATIVE CODE EDITOR

Ms. P.Anita, Sakithyan A, Dilip S, Nikhil R, Rithish S, Maneesh Aravind S

Department of CSE

Coimbatore Institute of Technology

Coimbatore – 641 014

ABSTRACT

This project presents a real-time collaborative code editor, uniquely enhanced with a voice chat feature to facilitate seamless communication among team members. Built using Express.js for the backend and Next.js for the frontend, and utilizing a Firebase database for efficient data management, the system offers a user-friendly and interactive interface.

Key functionalities include a login page where users can sign up with their name, email ID, and password, and an interactive dashboard for managing projects. Projects can be categorized as public or private, with public projects accessible to anyone and private projects restricted to the owner. Users can invite teammates to collaborate on projects via unique project-specific links. The system supports up to 10 participants in a single room, allowing multiple users to work together effectively.

The collaborative environment is powered by WebSockets for real-time communication and incorporates the Gemini API for additional team interaction and query resolution. WebRTC is utilized for the voice chat feature, enabling users to have live audio discussions while working on code. Additionally, users can compile the code directly within the editor, supporting languages such as C, JavaScript, Python, and Go.

Overall, this project aims to enhance productivity and teamwork in coding projects by integrating robust real-time collaboration tools and features, providing a comprehensive and interactive platform for developers.

KEYWORDS: Collaborative Realtime Code Editor, Next.js, Node.js, Socket.io, Express.js, Web Application.