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