Capability
Grading UI adapts automatically per assignment
Education
VMS — Vasis Music School
An online harmonium school that grades genuinely subjective musical skills consistently across many students and instructors, while keeping a physical lead-capture kiosk running without reliable internet.
LMSVideoPaymentsAttendanceGradingOffline
Visit live siteVMS — Vasis Music School
The Challenge
An online harmonium school needed to grade genuinely subjective musical skills (rhythm, technique, pitch) consistently across many students and instructors, while keeping a physical lead-capture kiosk operational at events where internet connectivity couldn't be guaranteed.
The Solution
Each homework assignment declares its own skills_tested array (capped at 6 via Math.min(skills_tested.length, 6)); the grading interface reads this array and renders exactly that many scoring fields per submission, with no hardcoded grading form per exercise type. A Mark as Best flag on graded submissions surfaces automatically on both the admin dashboard and the student's own dashboard, without a separate curation step.
The Engineering
Next.js with Mux for on-demand video (homework submissions, recorded classes) and Vimeo for marketing embeds — two different video vendors chosen deliberately for two different jobs. Offline resilience is implemented via idb (IndexedDB) with a dedicated object store (brevoKioskSubmissions) that captures kiosk sign-ups (name, email, WhatsApp, language) locally when the network is unavailable, with save/getAll/delete operations to queue and later sync each entry — the registration desk keeps functioning without connectivity.
Data-driven grading interface
homework.skills_tested[]
capped at 6
→
Grading interface renders N scoring fields
no hardcoded form per exercise
→
"Mark as Best" flag
surfaces on admin + student dashboards
Offline-first kiosk sync
idb: brevoKioskSubmissions
IndexedDB object store
save()
queue sign-up while offline
getAll()
delete()
sync on reconnect
Built For
StudentsInstructorsAdministratorsEvent Leads
The System
Content, payment labels, and WhatsApp message templates are localized across English, Spanish, and Portuguese as functional copy, not just static UI chrome. Payment methods branch by geography (Wise/Revolut for international students, UPI/bank transfer for students in India) rather than a single generic checkout form.
Public homepage
Student dashboard
Course & video learning modules
Homework grading interface
Offline lead-capture kiosk
Admin dashboard
The Outcome
Homework grading adapts its own interface per assignment automatically from data, removing the need to hand-build a grading form for each new exercise type as the curriculum grows. Kiosk lead capture continues functioning without internet access and syncs once connectivity returns, removing the risk of lost sign-ups at in-person events. One video vendor handles authenticated on-demand content while a separate vendor handles public marketing embeds, matching each to its actual access-control requirement.
Capability
Offline-first kiosk with sync on reconnect
Architecture
2 video vendors, matched to access-control needs
Technologies
Next.jsMuxVimeoIndexedDB
Some systems and client engagements are subject to confidentiality agreements. Screenshots shown here have been selected or generalized to avoid exposing private client information.
Have a system like this in mind?
Let's scope the architecture and plan the build.