Collobrative Code Editor

An online code execution platform lets you write code in your favorite programming language and run that code on the same platform. The platform now includes a real-time collaboration feature powered by Socket.io and WebRTC to support video chat.

Video Demo

Watch the video demonstration here:

Click the image above or here to watch the video.

Tech Stack

• React.js – For the front-end
• TailwindCSS – For styles
• Judge0 – For compiling and executing code
• RapidAPI – For quickly deploying Judge0 code
• Monaco Editor – The code editor that powers the project
• Socket.io – For real-time collaboration
• WebRTC - For video chat

Run Locally

Clone the project

git clone https://github.com/Utkarshrajmishra/collobrative-code-editor

Go to the project directory

cd XCODE

Install dependencies

npm install

Start the server

npm run dev

Run the Server

Navigate to the server folder:

cd server

Install server dependencies:

npm install

Start the server using Nodemon:

nodemon app.js

Go to the client folder:

  cd client

Install dependencies

  npm install

Start the server

  npm run dev