- Real-time code synchronization: Changes made by one user are instantly reflected in the code editor of all connected users within the same room.
- Chat functionality: Users can send messages and communicate with each other through the chat interface.
- User presence: Displaying the list of currently connected users in the room.
- Room management: Users can create new rooms, join existing ones, and manage permissions or access control.
- Syntax highlighting and code formatting: Enhances the coding experience with syntax highlighting and code formatting options.
- Node.js: A JavaScript runtime environment for server-side development.
- Express.js: A web application framework for Node.js, used for handling routing and server-side logic.
- WebSockets: Enables real-time bidirectional communication between the server and the clients.
- React.js: A JavaScript library for building user interfaces.
- Clone the repository
- Install dependencies:
npm install
- Start the frontend:
npm start
- Open a web browser and visit:
http://localhost:3000
- Start the backend:
nodemon server.js
- Enter a unique username and a room ID to join an existing room or create a new one.
- Collaborate on coding projects by editing the code in the shared code editor.
- Use the chat interface to communicate with other users in the room.