Skip to content

Latest commit

 

History

30 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Live Code - Real-time Code Collaboration

Live Code is a real-time code collaboration web application that allows multiple users to collaborate on code in the same virtual room. It's built using the MERN (MongoDB, Express.js, React, Node.js) stack and Socket.IO for real-time communication.

Live Demo

You can try out Live Code by visiting the live demo. Signup new account and Create or join a room and start collaborating with others in real time!

Features

  • Create or join a virtual "room" by entering a room ID.
  • Set your username to identify yourself in the room.
  • Real-time code collaboration with other users in the same room.
  • Changes made by one user are instantly reflected on all connected clients.
  • Code highlighting and editor customization options.

Technologies Used

  • Express.js: Handling API requests.
  • React: Building the front-end interface.
  • Node.js: Running the server.
  • Socket.IO: Enabling real-time communication.
  • uuid: Generating unique room IDs.
  • CodeMirror: Providing the code editor.

Usage

  1. Open the Live Code live demo.
  2. Enter a Room ID or generate a new one.
  3. Set your username.
  4. Start collaborating with others in the same room.

Development

If you want to run Live Code locally or contribute to its development, follow these steps:

  1. Clone the repository:

Frontend URL : git clone https://github.com/girinathselvendran/live-code.git Backend URL : git clone https://github.com/girinathselvendran/live-code-backend.git cd Live Code

2. Install dependencies:

npm install

3. Start the development server:
 Create mongoDB and config .env 

npm start

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages