CodeHub

CodeHub is a real-time collaborative code editor that allows multiple users to join shared rooms, write and edit code simultaneously, and see live updates in real time. It's designed for developers, students, and teams who want a seamless, interactive coding experience online.

🌟 Features

Real-Time Collaboration: Multiple users can edit code simultaneously in shared rooms. Room-Based Management: Users can create or join rooms with unique IDs. Live Code Synchronization: Changes reflect instantly for all participants. User Presence: See which users are currently connected in a room. Easy Copy & Share: Copy room IDs to invite others instantly. Responsive Interface: Designed to work across devices with a clean UI.

⚡ Usage Create a Room: Click “New Room” to generate a unique room ID and copy it. Join a Room: Enter a valid room ID and your username to join an existing session. Code Together: Start coding and see changes in real time with collaborators. Leave a Room: Click “Leave” to exit the session.

🛠️ Tech Stack Frontend: React.js, CSS Backend: Node.js, Express.js Real-Time Communication: Socket.IO Unique IDs: uuid Notifications: react-hot-toast

🤝 Contributing Contributions are welcome! Please fork the repo and submit a pull request for improvements or bug fixes.

Installation

Clone the repository: git clone https://github.com//codehub.git cd codehub

Install dependencies: npm install

Start the development server: npm run dev

Start the backend server: npm run server:dev