Overview#

Collabra AI is an AI-powered collaborative code editor built to make team coding sessions smoother and faster. The project combines real-time editing, chat, cloud storage, AI-assisted code generation, and browser-based build/run support.

Key Work#

• Built the frontend with React.js and Tailwind CSS
• Engineered real-time chat using WebSockets
• Used Firestore for codebase storage
• Integrated Google Gemini 2.5 for on-demand code generation
• Used WebContainers for optimized in-browser build and run workflows
• Integrated Monaco Editor and Yjs for collaborative editing
• Added debounced logic and lint checks for smoother broadcasting
• Built a scalable Node.js + Express backend
• Implemented JWT + Redis authentication and role-based access control

Live App#

Open Collabra AI