Created on 19th February 2024
•
Problem Solved:
Our collaborative code editor addresses the inefficiencies of traditional file sharing and editing methods. Previously, users shared files via email or other channels, leading to manual conflict resolution and slow processes. Our solution leverages web-based real-time editing, overcoming delays. The system utilizes technologies like SpringBoot, WebSockets, MongoDB, and ReactJS for a seamless experience. Clients create or join editing rooms with unique IDs, ensuring synchronized updates through WebSocket and CRDT logic. The chosen client-server architecture, with a MongoDB backend, ensures data persistence and scalability. Features like CodeMirror enhance the user interface, offering syntax highlighting and autocompletion. Overall, our platform revolutionizes pair programming, promoting instant collaboration, increased productivity, and superior code quality.
Real-time Synchronization: Ensuring simultaneous edits by geographically dispersed users required intricate handling of real-time synchronization, especially with WebSocket connections and CRDT logic.
Scalability: Adapting the system to handle a growing number of users and documents demanded careful considerations in terms of server capacity, database performance, and WebSocket scalability.
Concurrency Control: Managing concurrent edits without conflicts posed a challenge. Implementing Conflict-free Replicated Data Types (CRDT) was essential but presented complexities in the coding logic.
Technologies used