Collaborative Code Editor

Introduction: Collaborative Code Editor is an online real-time code editing platform designed to enhance pair programming by allowing multiple developers to simultaneously view and edit code files in a distributed environment. This platform eliminates the need for manual file sharing and provides a seamless editing experience, fostering productivity and code quality. Features: 1.Real-time code editing: Multiple users can edit code simultaneously, and changes are instantly visible to others. 2.Pair programming support: Facilitates collaborative coding sessions, enhancing problem-solving and code quality. 3.Room-based document management: Each document is identified by a unique RoomID, enabling users to join the same room and collaborate on specific projects. 4.Persistent storage: Code changes are saved in a MongoDB cloud instance, ensuring data persistency even after user logouts. Tech Stack: SpringBoot (JAVA): Backend server for document management, user authentication, and WebSocket communication. WebSockets: Enables real-time communication between clients and the server. MongoDB: NoSQL database for persistent storage of code documents. ReactJS: Frontend framework for building a responsive and interactive user interface. CodeMirror: ReactJS code editor component with features like line gutters, syntax highlighting, and autocompletion. System Design: 1.Client-Server Architecture: Utilizes a versatile architecture for independent information transfer and easy data management on the server. 2.SpringBoot Server: Manages document creation, retrieval, and WebSocket initialization. Handles client-server interactions for document updates. 3.WebSocket Integration: Facilitates real-time communication between clients and the server, enabling synchronized code editing. 4.MongoDB Document Store: Stores code documents, ensuring data persistency across sessions.