CollabNCode 💻

CollabnCode is a collaborative coding web application that enables multiple users to work on code in real-time. Built with React, Monaco Editor, and Judge0 API, it provides a seamless coding experience for users, allowing them to edit and evaluate code simultaneously. The application utilizes Socket.IO and Express.js for efficient multi-user collaboration, making it easy to share and execute code live.

Features

• Real-time Collaboration: Work with others on the same codebase simultaneously.
• Code Editing: Leverage the powerful Monaco Editor for an enhanced coding experience.
• Code Evaluation: Use the Judge0 API to evaluate and run code snippets in various programming languages.
• Live Code Sharing: Easily share your code with collaborators through unique room IDs.

Tech Stack

• Frontend:

  • React
  • Monaco Editor for code editing
  • CSS for styling

• Backend:

  • Node.js
  • Express.js for server-side logic
  • Socket.IO for real-time communication
  • Judge0 API for code execution

Getting Started

Prerequisites

• Node.js installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/collabncode.git
   cd collabncode

2. Install dependencies:

   npm install

3. Start the application:

   npm start

• This command will start the React development server, and you can access the application at http://localhost:3000.

4. Start the server:

   npm run server

• This command will start the backend development server at http://localhost:3000.

5. Usage

• Open your web browser and go to http://localhost:3000.
• Create or join a collaborative coding session by entering a unique room ID.
• Start coding together with your teammates in real-time!
• Use the provided functionality to run and evaluate your code.