International Journal of Innovative Research in Computer and Communication Engineering
ISSN Approved Journal | Impact factor: 8.771 | ESTD: 2013 | Follows UGC CARE Journal Norms and Guidelines
| Monthly, Peer-Reviewed, Refereed, Scholarly, Multidisciplinary and Open Access Journal | High Impact Factor 8.771 (Calculated by Google Scholar and Semantic Scholar | AI-Powered Research Tool | Indexing in all Major Database & Metadata, Citation Generator | Digital Object Identifier (DOI) |
| TITLE | A Real-Time Collaborative Code Editor |
|---|---|
| ABSTRACT | The Collaborative Code Editor (Code-Sync) is a real-time, browser-based platform designed to enable multiple users to collaboratively write, edit, and execute code within a shared workspace. The platform integrates a powerful code editor with features such as syntax highlighting, auto-suggestions, multi-language support, and configurable themes. Real-time communication is enabled through Socket.io, allowing instantaneous code updates and chat messaging across all participants of a session. Users can join or create coding rooms using unique session IDs, ensuring secure and organized collaboration. The system follows a client–server architecture, with the frontend built using React.js and the backend powered by Node.js and Express.js. MongoDB is used for user and session data management, while ShareDB enables operational transformation for synchronous text editing Security mechanisms such as authentication, role-based access, and encrypted connections safeguard project data during collaboration. The platform is lightweight, accessible from any device with internet connectivity, and requires minimal setup, which makes it ideal for distributed teams and students working remotely. The Code-Sync platform enhances productivity for developers, students, and educators by providing an interactive environment suitable for pair programming, remote learning, and team based software development. Its scalability, user-friendly interface, and support for real-time collaboration make it a reliable solution for modern coding needs. |
| AUTHOR | ANIL KUMAR N, DR M. CHARLES AROCKIARAJ Student, Department of MCA, AMC Engineering College, Bengaluru, India Associate Professor, Department of MCA, AMC Engineering College, Bengaluru, India |
| VOLUME | 177 |
| DOI | DOI: 10.15680/IJIRCCE.2025.1312143 |
| pdf/143_A Real-Time Collaborative Code Editor.pdf | |
| KEYWORDS | |
| References | 1. Ethan Brown, Web Development with Node.js and Express, O’Reilly Media, 2019. 2. Flanagan, David, JavaScript: The Definitive Guide, 7th Edition, O’Reilly, 2020. 3. Alex Banks & Eve Porcello, Learning React: Modern Patterns for Developing React Apps, O’Reilly, 2020. 4. Marijn Haverbeke, Eloquent JavaScript: A Modern Introduction to Programming, No Starch Press, 2018. 5. Michal Paszkiewicz, Hands-On Full Stack Development with Node.js and React, Packt Publishing, 2020. 6. Greg Sidelnikov, WebSocket Essentials, CreateSpace Independent Publishing, 2015. 7. MongoDB Documentation, “Introduction to MongoDB,” Available at: https://www.mongodb.com/docs/. 8. Socket.io Official Documentation, “Real-time bidirectional event-based communication,” Available at: https://www.socket.io/docs/. 9. ShareDB Official Guide, “Real-time Database Backend Based on Operational Transformations,” Available at: https://sharedb.org/. 10. React.js Documentation, “React – A JavaScript Library for Building User Interfaces,” Available at: https://react.dev/. 11. MDN Web Docs, “JavaScript, HTML, CSS Reference and Guides,” Available at: https://developer.mozilla.org/. 12. W3Schools, “Web Development Tutorials,” Available at: https://www.w3schools.com/. 13. Google Developers, “Google OAuth 2.0 Authentication,” Available at: https://developers.google.com/identity. |
