Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/nirbhaykr87/codebuddy
- Owner: nirbhaykr87
- Created: 2024-06-01T05:40:23.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-13T07:37:33.000Z (7 months ago)
- Last Synced: 2024-06-13T10:36:28.780Z (7 months ago)
- Topics: avatar-generator, boostrap5, codemirror-editor, compilex, express-js, node-js, reacthottoast, reactjs, socket-io, uuid-generator
- Language: JavaScript
- Homepage:
- Size: 1.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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! 🎉