Skip to content

Live Code Share provides real-time collaborative coding, with unique room creation, syntax highlighting, and auto-suggestions. Users can edit, save, download files, and chat in groups.

Notifications You must be signed in to change notification settings

Princegupta101/Live-Code-Share

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Live Code Share

Live Code Share is a collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.

VIDEO

https://youtu.be/MZYMNScnGBo

Table of Contents

Live-Preview

You can view the live preview of the project here.

Features

  • 💻 Real-time collaborative coding across multiple files.
  • 🚀 Unique room creation with collaboration room ID.
  • 🌈 Syntax highlighting for various file types with automatic language detection.
  • 💡 Smart code suggestions based on programming language.
  • ⏱️ Instant updates and synchronization of code across all files.
  • 📣 User join and leave notifications.
  • 🎨 Multiple personalized coding themes.
  • 🌍 Extensive language support for versatile programming.
  • 🔠 Flexible font size and style options.
  • 👥 User presence list with online/offline status indicators.
  • 💬 Real-time group chat for seamless communication.
  • 🚀 Live code preview feature.

Usage

  1. Navigate to the deployed application or run it locally.
  2. Create or join a room using a unique room ID.
  3. Collaborate with others in real-time by editing code together.
  4. Utilize features such as syntax highlighting, code suggestions, and group chat for enhanced collaboration.

TechStack

  • JavaScript
  • React
  • React Router
  • Tailwind CSS
  • Node.js
  • Express.js
  • Socket.io
  • Git
  • GitHub
  • Vercel

Installation

Fork and clone this repository.

git@github.com:Princegupta101/Live-Code-Share.git

Setup instruction for Frontend

  1. Move into the directory
cd Client
  1. install dependenices
npm install
  1. run the server
npm run dev

Setup instruction for Backend

  1. Move into the directory
cd Server
  1. install dependenices
npm install
  1. run the server
npm run dev

Low Level Diagram

diagram

Contributing

We welcome contributions to Live Code Share Feel free to create pull requests with your enhancements or bug fixes. Please ensure your contributions adhere to the coding style and conventions used in the project.

Further-Support

If you encounter any issues or have questions, feel free to raise them as GitHub issues, and we'll be happy to assist you.

About

Live Code Share provides real-time collaborative coding, with unique room creation, syntax highlighting, and auto-suggestions. Users can edit, save, download files, and chat in groups.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published