Capability
Grading UI adapts automatically per assignment
Education
Music School
Growing a live school platform — more teaching tools, a real community, and a way to never lose a lead — without disturbing a single existing student record.
LMSVideoPaymentsAttendanceGradingOffline
Visit live siteMusic School
The Challenge
The school already had a working platform with real students, courses, and video content in production. It needed to grow into a fuller school experience — grading that stayed fair no matter which instructor was marking it, a student community, in-house payments and merchandise, and a reliable way to convert leads at in-person recruitment events — without disrupting the student and course data already live on the platform.
The Solution
Rather than rebuilding, the platform was extended feature by feature: an adaptive grading system that fits whatever a lesson is actually testing, a fuller student portal with live classes, discussions, and a shop, and an offline-capable kiosk for event sign-ups — all built to work with the school's existing records, not around them. Where earlier decisions were already baked into the data, the new features were built to sit on top of that structure rather than force a migration that put existing information at risk.
The Engineering
Each homework assignment declares its own set of skills being tested (capped at six), and the grading UI renders exactly that many scoring fields per submission — no separate grading form to build per exercise type. Data integrity was preserved through a schema-aware build: video content is still stored under a vimeo_video_id field, a name inherited from an earlier version of the platform — but it's now populated with Mux playback IDs and explicitly documented as such in code, since renaming it would have meant migrating every existing video record. Offline-first sync was applied wherever it actually mattered: both the event kiosk and the public "free class" booking form independently queue submissions locally via IndexedDB and sync automatically once a connection returns. Content is localized across English, Spanish, and Portuguese as functional copy — not just translated labels, but payment methods that branch by geography (Wise/Revolut for international students, UPI/bank transfer for students in India). Transactional and marketing email runs through Brevo, with reusable templates rather than one-off messages built per campaign.
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
A visitor books a free trial class from the public site in their own language, and that booking is captured even if their connection drops mid-submission. Once enrolled, a student moves through one portal for everything: live and recorded lessons, homework that gets graded against the right criteria every time, discussions with classmates, and a shop for merchandise and payments — all in their own language, with pricing that matches where they live. Instructors manage their classes and grading load without guessing at scoring criteria lesson to lesson. Staff run scheduling, student groups, and email communication centrally, and at recruitment events, sign-ups keep coming in even with no signal at all. None of this required touching the student history, course records, or video library already running in production — the platform grew around what was already there.
Public homepage
Student dashboard
Course & video learning modules
Homework grading interface
Offline lead-capture kiosk
Admin dashboard
The Outcome
Grading is consistent across every instructor, not just standardized on paper. No lead is lost to a bad connection, whether at a live event or through the public booking form, and students get a full school experience — classes, community, shop, payments — in their own language wherever they are. New capabilities were added to a live, existing platform without breaking or migrating the data already in production.
Capability
Offline-first sync for kiosk + free-class bookings
Architecture
New features added, zero migration of live data
Technologies
Next.jsMuxIndexedDBBrevo
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.