[ Type ]
Ed Tech
[ Year ]
2025
[ Skills ]
Frontend: Next.js (App Router), React, Tailwind CSS
Backend: Node.js, Express + Socket.IO (custom real-time event handling)
AI: Google Gemini (for AI suggestions & reviews)
Editor: Ace Editor (monokai theme, Vim/Emacs modes)
[ Description ]
Built a full-stack real-time collaborative coding platform where multiple users can write and edit code together similar to VS Code Live Share. Integrated Socket.IO for instant code synchronization, live cursor updates, and smooth multi-user collaboration. The editor uses Monaco Editor to deliver a VS Code-like experience with syntax highlighting and multi-language support.
Added AI-powered tooling: live AI suggestions that offer in-line code completions and improvements as you type, plus a dedicated AI Code Review tab that provides automated feedback, best-practice suggestions, and refactor hints using an external LLM API. Implemented room-based collaboration with unique session IDs, secure connection handling. This project strengthened my understanding of real-time systems, event-driven architecture, and integrating AI into developer workflows.
[ Features ]
Multiple users can join the same room instantly.
Live synchronization of code, language, and editor changes.
Unique colored cursors for each connected user.
Real-time “user joined” and “user left” notifications.
AI suggests code as you type.
Enable/Disable AI autocomplete with a toggle button.
AI Code Reviewer (Sidebar).
Works just like a built-in code mentor!
[ Year ]
2025
CodeColab – Real-Time Collaborative Code Editor
Skills
Frontend: Next.js (App Router), React, Tailwind CSS
Backend: Node.js, Express + Socket.IO (custom real-time event handling)
AI: Google Gemini (for AI suggestions & reviews)
Editor: Ace Editor (monokai theme, Vim/Emacs modes)
Features
Multiple users can join the same room instantly.
Live synchronization of code, language, and editor changes.
Unique colored cursors for each connected user.
Real-time “user joined” and “user left” notifications.
AI suggests code as you type.
Enable/Disable AI autocomplete with a toggle button.
AI Code Reviewer (Sidebar).
Works just like a built-in code mentor!
