Next.js Student Dashboard & Editor

I’m upgrading our learning platform with a lightning-fast student dashboard and an in-browser code editor that feels indistinguishable from VS Code. The stack is already fixed—[login to view URL] with TypeScript, Tailwind CSS for styling, Supabase for auth and data, Monaco for the editor, and Judge0 as the execution engine—so you can dive straight into building rather than selecting tools. What I need built first is the student-facing dashboard, and within that the priority feature is real-time performance metrics that update without a perceptible lag. From there, you’ll wire in Monaco (with C++ and Java language services) and stream submissions to Judge0 so students see compile-and-run results instantly. Once the learner experience is rock-solid, we’ll extend the same design language to a TPO Dashboard that lets placement-office staff monitor cohorts and manage interview-style sessions; state persistence for those long sessions is critical. Deliverables I’m expecting: • High-performance [login to view URL] frontend hooked to Supabase auth/DB • Monaco editor embedded, themed, and configured for C++ & Java • Live Judge0 integration for compile/run feedback • Student dashboard with zero-lag real-time metrics • Admin (TPO) dashboard sharing the same component library • Clear state-management strategy that survives long interview sessions Acceptance criteria will be simple: if an average user on a mid-tier laptop experiences no visible delay when typing, running, or switching between dashboard tabs, and all compiled code returns within the Judge0 SLA, we’re good. You’ll work in a private GitHub repo with a CI pipeline ready for Vercel preview deploys, so your work is continuously testable. If you’ve shipped production apps with [login to view URL], tamed Monaco before, and care about pixel-perfect Tailwind layouts, this will be a smooth collaboration.

Mã dự án: 40270967