https://github.com/yahya123-hub/real-time-collaborative-coding-platform
A real-time collaborative coding app where multiple users can edit and run code simultaneously with instant synchronization and multi-browser support.
https://github.com/yahya123-hub/real-time-collaborative-coding-platform
codingplatform piston-api realtime-collaboration websockets
Last synced: about 2 months ago
JSON representation
A real-time collaborative coding app where multiple users can edit and run code simultaneously with instant synchronization and multi-browser support.
- Host: GitHub
- URL: https://github.com/yahya123-hub/real-time-collaborative-coding-platform
- Owner: Yahya123-hub
- Created: 2025-01-19T14:24:26.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-10T15:34:08.000Z (7 months ago)
- Last Synced: 2025-03-20T09:55:25.999Z (7 months ago)
- Topics: codingplatform, piston-api, realtime-collaboration, websockets
- Language: JavaScript
- Homepage:
- Size: 237 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚀 Real-Time Collaborative Coding App
Effortlessly collaborate on code in real time with this advanced coding platform. Multiple users can edit and run code simultaneously with instant synchronization and multi-browser support.
🛠️ Features
Real-Time Code Editing: Edit the same file with instant updates across users.
Live Code Execution: Run code directly using Piston API.
Multi-Browser Support: Seamless experience across different browsers.
WebSockets for Instant Updates: Real-time communication between clients.
User Session Management: Track contributions uniquely for each user.
Syntax Highlighting: Rich coding experience with syntax-aware editing.
Multi-Language Support: Execute code in multiple programming languages.
Output : A seperate output panel for ensuring code functionality.
💻 Tech Stack
Frontend: React.js
Backend: Node.js Express
Real-Time Communication: WebSockets (Socket.io)
Code Execution: Piston API
📦 Installation & Setup
Steps to Run
# Clone the repository
# Install dependencies
npm install
# Start the backend server
npm run server
# Start the frontend
npm start
Open the app in your browser at http://localhost:3000/.
🚀 Usage
Open the application.
Share the collaboration code.
Start coding in real time.
Click Run Code to execute instantly.
🤝 Contributing
Contributions are welcome! Follow these steps:
📜 License
Licensed under the MIT License.
⭐ If you like this project, give it a star on GitHub!
