// Project case study
CampusLoop
A multi-university academic platform and collegiate community that brings together verified syllabus curricula, 1,180+ runnable lab practicals, a 3,027+ question bank, timed mock exams, multi-campus feeds and gamified study tracking.
- Role
- Lead engineer
- Duration
- 2025 – present
- Stack
- ReactTypeScriptTailwind CSSshadcn/uiSupabase (RLS)CapacitorKaTeX
The Problem
Notes, syllabi and past papers are scattered across chats and drives, and university portals can't run lab code or simulate exams.
The Approach
One platform: 43 curricula, a 1,180+ practical coding lab with AST validation, a 3,027+ question bank, timed exams and campus feeds on Supabase with RLS.
The Outcome
A live multi-campus learning network with an Android app (Capacitor) and offline caching.
Evolved from ITM Notes into a multi-university platform.
Who it's for
Undergraduate engineering and computer-science students across Indian universities preparing for labs, mid-semesters and placements.
The challenge
Course notes, syllabi and previous-year papers lived in unofficial WhatsApp groups, unindexed drives and photocopy stalls. University portals were administrative and rigid — no in-browser code execution for practicals, no standardised curricula, no structured model answers and no shared campus space.
What I built
CampusLoop grew from a single-institute study tool (ITM Notes) into a multi-university network: 43 degree curricula with complete 5-unit notes and KaTeX maths, an interactive coding lab with 1,180+ runnable practicals and AST validation, a 3,027+ question bank with model solutions, a timed exam simulator, multi-campus community feeds and study-habit tracking.
Why it matters
It turns fragmented, stressful college preparation into a student-first operating system that scales across institutions — while Row-Level Security keeps each student's data their own.
How it works
- 01Universal campus feed — switch between your home campus or explore all universities for events, hackathons and discussions.
- 02Curriculum & notes — 43 degree curricula with KaTeX formulas, Mermaid diagrams and audio narration.
- 03Interactive coding lab — write, run and validate 1,180+ practicals with AST checks and viva Q&As.
- 04Question banks & PYQs — 3,027+ verified MCQs, predict-output traces and full model answers.
- 05Timed exam simulator — real exam conditions with negative marking, question palettes and instant review.
- 06Habits & study sprints — attendance margins (75% rule), target SGPA projections and Pomodoro streaks.
Scope note
CampusLoop began as ITM Notes and kept the same deployment; the platform figures above are from the product itself.
System Architecture
- 01
Students
Web & Android
- 02
Frontend
React · TypeScript · shadcn/ui
- 03
Backend
Supabase · RLS · realtime
- 04
Runtime
Code sandbox · Capacitor
- React 18, TypeScript, Tailwind CSS and Radix UI primitives (shadcn/ui).
- Supabase PostgreSQL with Row-Level Security and real-time channels for campus feeds and clubs.
- In-browser code execution sandbox with AST token validation across multi-language practicals.
- KaTeX and remark-math for mathematical typesetting; Capacitor Android runtime with offline caching and push notifications.
Screenshots
// Learnings
What this project taught me
- 01Row-Level Security moves authorisation into the database, where it belongs.
- 02Running the code beats reading about it — the lab drives the most practice.
- 03Scaling from one campus to many is mostly a data-model problem.
// Related work
Next project
Qavironel Technologies