https://github.com/shubham-bendre/live-code-editor

A real-time collaborative coding playground where multiple users can join, write, and compile code together. With seamless synchronization and multi-language support, coding with your peers has never been easier!
https://github.com/shubham-bendre/live-code-editor

codeeditor compiler live-coding

Last synced: 12 months ago
JSON representation

A real-time collaborative coding playground where multiple users can join, write, and compile code together. With seamless synchronization and multi-language support, coding with your peers has never been easier!

• Host: GitHub
• URL: https://github.com/shubham-bendre/live-code-editor
• Owner: Shubham-Bendre
• License: mit
• Created: 2025-03-06T08:12:42.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-03-13T09:43:40.000Z (12 months ago)
• Last Synced: 2025-03-13T10:31:46.209Z (12 months ago)
• Topics: codeeditor, compiler, live-coding
• Language: JavaScript
• Homepage: https://live-code-editor-omega.vercel.app
• Size: 379 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 💻 Live Code Editor

Welcome to **Live Code Editor** – a real-time collaborative coding playground where multiple users can join, write, and compile code together. With seamless synchronization and multi-language support, coding with your peers has never been easier!

---

## 🌟 Features

- **Real-time Collaboration:** 👥 Multiple users can join the same room and code together in sync.

- **Live Code Compilation:** 🚀 Instantly compile and execute code within the editor.

- **Multi-Language Support:** 🛠️ Choose from multiple programming languages to code in.

- **Dark & Light Mode:** 🌙☀️ Toggle between dark and light themes for a better coding experience.

- **Cursor Position Tracking:** 🎯 See where other users are typing in real time.

- **Typing Indicator:** ✍️ Know when someone else is typing.

- **Seamless Room Management:** 🔗 Join or leave rooms dynamically without refreshing the page.

---

## 🚀 Tech Stack

- **Frontend:** HTML, CSS, JavaScript

- **Backend:** Node.js, Express.js, Socket.io

- **Code Execution API:** [Piston API]([https://emkc.org/api/v2/piston](https://piston.readthedocs.io/en/latest/))

---

## 📸 Screenshots

### 1️⃣ Landing Page

![Landing Page](./screenshots/home.png)

### 2️⃣ Dark Mode

![Dark Mode](./screenshots/dark.png)

### 3️⃣ Light Mode

![Light Mode](./screenshots/light.png)

---

## 🕹️ **Installation & Setup**  

1. **Clone the repository:**  

   ```bash

   git clone https://github.com/your-username/live-code-editor.git

   cd live-code-editor

   ```

2. **Install dependencies:**  

   ```bash

   npm install

   ```

3. **Start the server:**  

   ```bash

   npm start

   ```

4. **Open in Browser:**  

   ```

   http://localhost:5000

   ```

---

## ✨ Future Enhancements

- **User Authentication:** 🔑 Allow users to create accounts and save code snippets.

- **Code History & Versioning:** 📜 Track changes and restore previous versions.

- **Integrated AI Code Assistance:** 🤖 Suggest code improvements in real-time.

---

💡 **Want to contribute?** Feel free to fork this repo, improve the models, or add new features! 🚀