CollabCode Classroom
Real-time classroom coding support directly inside Visual Studio Code.
Empowering educators and students with seamless live collaboration, private assistance, and classroom management.
🌐 Website • GitHub • Report Issues
📖 Overview
CollabCode Classroom is a Visual Studio Code extension designed for modern programming classrooms.
It enables students to connect directly with instructors, collaborate in real time, and receive private coding assistance without leaving the editor.
Whether you're teaching in a university, bootcamp, or online coding class, CollabCode streamlines classroom communication and coding support.
✨ Features
🚀 Join Classroom
Connect securely to instructor-created classroom sessions.
💻 Real-Time Collaboration
Synchronize coding activities with your classroom in real time using Socket.IO.
🙋 Private Help Requests
Need assistance?
Students can privately notify instructors without interrupting the class.
📤 Export Coding Sessions
Export your coding session for:
- Assignment submissions
- Portfolio projects
- Code review
- Personal revision
⚡ Lightweight & Fast
- Minimal CPU usage
- Fast synchronization
- Optimized for VS Code
- Non-intrusive background operation
🛠 Commands
| Command | Description |
|---|---|
| CollabCode: Join Classroom | Join a classroom session |
| CollabCode: Leave Classroom | Leave the current classroom |
| CollabCode: Request Help Privately | Notify the instructor privately |
| CollabCode: Export My Session | Export the current coding session |
⚙️ Extension Settings
Server URL
collabcode.serverUrl
Default:
https://collabcode-api-w9km.onrender.com
Display Name
collabcode.displayName
The name displayed to instructors.
Snapshot Interval
collabcode.snapshotIntervalMs
Default:
2000 ms
Determines how frequently editor snapshots are synchronized.
🚀 Getting Started
1. Install
Install CollabCode Classroom from the Visual Studio Marketplace.
2. Configure
Open Settings
Search for
CollabCode
Configure:
- Server URL
- Display Name
3. Join a Classroom
Open the Command Palette
Ctrl + Shift + P
Run
CollabCode: Join Classroom
Enter the classroom details provided by your instructor.
🏗 Architecture
Student VS Code Extension
│
│
Socket.IO
│
▼
CollabCode Backend Server
│
▼
Instructor Dashboard (React)
💻 Technology Stack
- TypeScript
- VS Code Extension API
- Socket.IO
- Node.js
- Express.js
- React
- Vite
📅 Roadmap
Planned features include:
- 🤖 AI Coding Assistant
- 📊 Classroom Analytics
- ⏪ Session Replay
- 🎥 Session Recording
- 👨🏫 Multi-Classroom Support
- 📝 Code Review Mode
- 📚 Assignment Tracking
- 🔔 Classroom Notifications
🤝 Contributing
Contributions are welcome!
If you'd like to improve CollabCode:
- Fork the repository
- Create a feature branch
- Commit your changes
- Open a Pull Request
Bug reports and feature requests are always appreciated.
🔗 Resources
🌐 Website
https://collabcode-dashboard.vercel.app
📦 Repository
https://github.com/Nitesh-N-D/CollabCode
🐞 Report Issues
https://github.com/Nitesh-N-D/CollabCode/issues
📄 License
This project is licensed under the MIT License.
See the LICENSE file for details.
❤️ Developed By
Nitesh N.D
Madras Institute of Technology (MIT), Anna University
GitHub: https://github.com/Nitesh-N-D
Made with ❤️ to improve programming education.