Skip to content

nilansh-07/realtime-code-editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

⚡ Real-Time Collaborative IDE

A fully functional, real-time collaborative code editor built with modern web technologies. Designed for seamless multi-user code collaboration with support for live synchronization, role-based access, and language switching.

Live Demo


🧠 Overview

This project demonstrates a full-stack real-time IDE leveraging WebSockets and modern frontend frameworks. It’s ideal for:

  • 🧑‍💻 Pair programming
  • 👨‍🏫 Coding interviews
  • 🚀 Remote team collaboration

📌 Features

  • 🔁 Real-time collaborative editing
  • 👥 Multiple user support with live presence
  • 🛡️ Role-based access control (Reader / Writer)
  • 👑 Auto-admin assignment to the first user
  • 🌐 Language switching support
  • ⚙️ Modular frontend/backend architecture

🛠️ Tech Stack

Frontend

  • React.js
  • Socket.IO Client
  • CSS Modules / Tailwind CSS (optional)

Backend

  • Node.js
  • Express.js
  • Socket.IO

📁 Project Structure

Real-Time-Collaborating-IDE/
│── backend/       # Backend server files
│── frontend/      # Frontend application files
│── README.md      # Project documentation

⚙️ Getting Started

📋 Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn
  • Git

📦 Installation

1. Clone the Repository

git clone https://github.com/nilansh-07/realtime-code-editor.git
cd realtime-code-editor

Releases

No releases published

Packages

No packages published