A powerful full-stack real-time collaborative coding platform powered by Node.js, Express, Socket.IO, and React with Monaco Editor. Supports role-based access control for seamless, scalable, and intuitive team coding sessions.

• ⚡ Real-time collaborative coding using WebSockets
• 👥 Role-based access control:
  • 🛡️ Admin: Edit + Comment + Manage participants
  • ✍️ Editor: Edit only
  • 💬 Commenter: Comment only
• 🧠 Monaco Editor for powerful developer experience
• 🔗 RESTful API endpoints for session and user management
• 🛠️ Modular and clean architecture (backend + frontend)
• 🧩 In-memory session storage (MongoDB upgrade-ready)
• 🎯 Lightweight and production-ready

ai-code-collab/
├── server/
│   ├── config/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── sockets/
│   ├── utils/
│   ├── index.js
│   └── package.json
├── client/
│   ├── public/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── services/
│   │   ├── App.jsx
│   │   ├── index.jsx
│   │   └── styles.css
│   └── package.json
└── package.json (root)

1. Clone the repository

   git clone https://github.com/your-username/OJT-Sem-2-AI-Code-Collaborator-.git
   cd OJT-Sem-2-AI-Code-Collaborator-

2. Install root dependencies

   npm install

3. Install backend dependencies

   cd backend
   npm install
   cd ..

4. Install frontend dependencies

   cd frontend
   npm install
   cd ..

Now run the entire application using:

npm run dev

This will simultaneously start:

• 🖥️ Frontend on http://localhost:3000
• ⚙️ Backend server on http://localhost:5000

Powered by concurrently to handle both in parallel.

• POST /api/users – Register user
• GET /api/users – List all users

• POST /api/sessions – Create session
• GET /api/sessions – List all sessions
• GET /api/sessions/:id – Fetch specific session

• Users register with a username and select a role
• Join or create a session
• Backend handles user and session management
• Socket.IO enables live collaboration
• Monaco Editor handles real-time code updates
• Role-based rules apply to code and comments

Frontend

• React.js
• React Router
• Socket.IO Client
• Axios

Backend

• Node.js
• Express.js
• Socket.IO
• UUID
• CORS

• 🔐 JWT Authentication
• 💾 MongoDB for persistent sessions
• 🎬 Session History + Playback
• 🌙 Theme toggling (Dark/Light)
• 🛑 Admin Moderation Tools
• 📂 File/Folder System

1. Fork this repo

2. Create a new branch:

   git checkout -b feature/your-feature

3. Commit your changes:

   git commit -m "Add your feature"

4. Push and open a PR:

   git push origin feature/your-feature

Made by Team Code Crux