Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nirbhaykr87/codebuddy

We developed a real-time collaborative code editor using React, Node.js, and Socket.io, supporting C++, Java, and Python. Features include synchronized editing, multi-language support, real-time chat, and in-app code execution. Unique room creation with UUID allows easy access via referral links, enhancing user collaboration.
https://github.com/nirbhaykr87/codebuddy

avatar-generator boostrap5 codemirror-editor compilex express-js node-js reacthottoast reactjs socket-io uuid-generator

Last synced: about 1 month ago
JSON representation

We developed a real-time collaborative code editor using React, Node.js, and Socket.io, supporting C++, Java, and Python. Features include synchronized editing, multi-language support, real-time chat, and in-app code execution. Unique room creation with UUID allows easy access via referral links, enhancing user collaboration.

Awesome Lists containing this project

README

        

# Your CodeBuddy Logo Real-Time Collaborative Code Editor

## Overview

This project is a real-time collaborative code editor built using React, Node.js, and Socket.io. It supports C++, Java, and Python, providing a seamless experience for multiple users to collaborate on code in real-time. Features include synchronized editing, multi-language support, real-time chat, and in-app code execution. Users can create unique rooms using UUIDs, enabling easy access via referral links for enhanced collaboration.

## Features

- **🚀 Real-Time Collaboration**: Multiple users can edit code simultaneously with changes synchronized in real-time.
- **🌐 Multi-Language Support**: Supports coding in C++, Java, and Python.
- **💬 Real-Time Chat**: In-app chat feature allows users to communicate while coding.
- **⚙️ In-App Code Execution**: Execute C++, Java, and Python code within the app (requires respective setups on the system).
- **🔗 Unique Room Creation**: Rooms created with UUIDs for easy sharing and access via referral links.

## Prerequisites

- Node.js (v14 or later)
- npm (v6 or later)
- C++ compiler
- Python (v3.6 or later)
- Java (JDK 8 or later)

Ensure you have the necessary environment setup for running C++, Python, and Java code on your system.

## Installation

1. **Clone the repository:**
```bash
git clone https://github.com/your-username/repo-name.git
cd repo-name
```

2. **Install dependencies for both client and server:**
```bash
npm install

```

## Running the Application

### Starting the Client

To start the client application, navigate to the root directory and run:
```bash
npm start
```

### Starting the server

To start the server, navigate to the root directory and run:
```bash
npm run server:dev
```

### Usage

- Access the Application: Open your browser and navigate to http://localhost:3000.
- Create a Room: Click on "Create Room" to generate a unique room with a UUID.
- Share the Link: Copy the referral link and share it with collaborators.
- Start Collaborating: Begin coding together in real-time, use the chat feature to communicate, and execute code within the app.

### Future Improvements
- 🔒 Enhanced Security: Implement authentication and authorization to secure rooms and user data.
- 🌟 GitHub Integration: Add features to push code directly to GitHub repositories from within the app.
- 🎥 Video Conferencing: Integrate a video feature to allow face-to-face communication during collaboration.

### Contact
For any questions or feedback, please open an issue on the repository or contact the project maintainer.

![author](https://img.shields.io/badge/author-Nirbhay--Kumar-blue)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue)](https://www.linkedin.com/in/nirbhaykrmuj/)

![author](https://img.shields.io/badge/author-Yash--Mall-blue)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue)](https://www.linkedin.com/in/yashmall/)

---

Happy Coding! 🎉