A complete mobile-first student app: sign-in, dashboard, timetable, marks, assignments, library, notifications, goals, profile, settings — and the offline mode in between. Try the full demo below.
All 16 workflows wired end-to-end. Hash routes, localStorage persistence, dark mode, offline simulation, onboarding tour, sign-in/out. Demo PIN: 4218. Opens in a new tab.
Today's class card and an assignment row from the student portal, built from system components — alongside the React you would write against @corelith/design-system.
Each portal adapts to the device the audience is using. The primary device is highlighted; the others reflow without losing functionality.
Left rail pinned to class & term; main panel devotes itself to one anchor surface — Timetable, Results, Notices, Library.
Open timetableRail collapses into a sheet; the anchor surface stacks vertically. Bottom tab bar replaces the rail.
Each page is a real, rendered mockup at the right device width. Click any to open.
The portal composes from the same system everything else uses.
Every screen in the student demo is built from a Huchu cookbook recipe. Open one to see the React, state machine, and edge cases behind it.
Every screen in this portal composes from the documented system. Start a new one by copying an existing template.