CoLabCode

A collaborative coding platform with GitHub integration.

---

colab_code_showcase.mp4

What it does

• GitHub OAuth — connect your GitHub account
• Workspace management — create, join, and leave workspaces
• Repo browser — browse branches and files from any linked GitHub repo
• Monaco editor — open and edit files directly in the browser
• Commit & PR — push changes and open a pull request without leaving the app

---

Stack

Frontend — React, TypeScript, Tailwind, Monaco Editor
Backend — Django, Django REST Framework, SimpleJWT Auth — GitHub OAuth + JWT (djoser)

---

Getting started

# backend
cd colab_code
pip install -r requirements.txt
python manage.py migrate
python manage.py runserver

# frontend
cd cc
npm install
npm run dev

TODO

• Real-time collaborative editing (WebSockets / CRDTs)
• In-workspace chat
• Member invite system
• Workspace activity feed