This powerful and intuitive collaborative code editor is designed to empower developers, and teams to work seamlessly in real-time, regardless of their location. With Sync Code, you can code together, debug together, and ship faster, together.

Deployed Link

Live

Features

• Multiple users can join a room and edit code together
• Changes are reflected in real time
• Copy button to copy the room id to clipboard
• Leave button to leave the room
• Supports syntax highlighting for different programming languages
• Users can leave the room and rejoin later to continue editing
• Joining & leaving of users is also reflected in real time

Technologies Used

• Vite
• Node.js
• Express
• Socket.IO
• CodeMirror
• CSS
• HTML

Installation

1. Clone the repository:

git clone https://github.com/soumya-maheshwari/CollaboWrite

2. Navigate to the project directory:

cd real-time-editor

3. Setup .env file in base directory:

VITE_BACKEND_URL = (your deployed backend URL)
PORT = 

4. Install dependencies:

npm install

5. Start the development server:

npm run dev

6. to access the application, go to:

http://localhost:5173