CodeEditor

A collaborative code editor built with React, Express, and Socket.IO.

Table of Contents

• Introduction
• Features
• Installation
• Running the Project
• Dependencies

Introduction

CodeEditor is a real-time collaborative code editor that allows multiple users to edit code simultaneously. It leverages React for the frontend, Express for the backend, and Socket.IO for real-time communication.

Features

• Real-time collaborative editing
• Syntax highlighting with CodeMirror
• User avatars
• Toast notifications
• Easy setup and deployment

Installation

1. Clone the repository:

   git clone https://github.com/ChandraShekar05/Realtime-Code-Editor.git
   cd codeeditor
   

2. Install Dependencies

   npm install
   

Running the Project

1. Start the client

   npm start

2. Start the Server

   npm run server:dev

Dependencies

1. React: A JavaScript library for building user interfaces.
2. Express: A minimal and flexible Node.js web application framework.
3. Socket.IO: Enables real-time, bidirectional and event-based communication.
4. CodeMirror: A versatile text editor implemented in JavaScript for the browser.
5. React Router: Declarative routing for React.
6. UUID: For generating unique identifiers.
7. React Hot Toast: For displaying toast notifications.