CodeSync - Realtime Collaborative Code Editor

A real-time collaborative code editor built with React, Monaco Editor, and Socket.IO.
Multiple users can join the same room and collaborate live with synchronized code and language selection.

---

Features

• Real-time code synchronization between users
• Shared language selection
• Supports late joiners with synced data
• Built with React, Monaco Editor, Express, and Socket.IO

---

Tech Stack

• Frontend: React, @monaco-editor/react
• Backend: Node.js, Express, Socket.IO
• Styling: TailwindCSS

---

Installation

1. Clone the repository

git clone https://github.com/priyanshu0511/realtime-collaborative-code-editor.git
cd realtime-collaborative-code-editor

2. Install dependencies

Frontend

cd client
npm install

Backend

cd server
npm install

---

Running Locally

Start the backend

cd server
npm run dev

Start the frontend

cd client
npm run dev

The frontend will run at http://localhost:5173
The backend will run at http://localhost:5000

---

Author

Made with ❤️ by Priyanshu

• GitHub: @priyanshu0511
• LinkedIn: Priyanshu Singh

---