PWA · Malaysia campus launch
A zero-friction tea ritual for the 15-second campus rush.
mjölkte Web-Nexus is an installable, offline-ready ordering and loyalty PWA for Malaysian university students, blending Nordic calm with warm Malaysian accents, biometric access, smart locker pickup, and real-time campus culture.
FMP target< 1.5s
Checkout< 15s
Geofence50m
App-like PWA shell
Scan. Sip. Sprint.
Offline menu cache, standalone manifest, splash-friendly theme, and a student-first mobile surface.
Current order
Nordic Teh Ais
Queued
Brewing
Ready
Locker pickup
Offline menu
Service worker caches the core shell and menu for crowded cafeterias.
Add to Home Screen
Standalone display keeps mjölkte browser-chrome-free.
University verified
Student authentication
University SSO verifies enrolment and faculty affiliation, while WebAuthn enables FaceID/Fingerprint-capable one-touch access in supported browsers.
SSO session not active in this preview. Awaiting biometric registration
GPA Booster
Faculty-linked rewards
GPA Booster uses SSO-verified faculty affiliation to personalize streaks, class-end nudges, and demand-aware points.
Verified facultyComputer Science
Current multiplier
1.05×
Reward boost responds to preview faculty fallback and The Social Ledger momentum.
Under-15-second checkout benchmark
Frictionless menu to wallet in one campus breath.
Target: 15s · Current: not checked
Nordic Teh Ais
Black tea, oat milk, gula melaka mist, and a clean Nordic finish.
SignatureColdmedium caffeine
Lingonberry Bandung
Rose milk tea brightened with lingonberry and a subtle sea-salt foam.
Campus FavouriteColdlow caffeine
Sencha Pandan Latte
Japanese sencha, pandan cream, steamed oat milk, and toasted rice dust.
WarmFocushigh caffeine
Kopi Houjicha Cloud
Roasted green tea with Malaysian kopi notes and cloud-light cream.
NewWarmhigh caffeine
DuitNow deep-link checkout
Nordic Teh Ais
Tap a Malaysian e-wallet deep link to complete the 1-click checkout surface, then receive a time-sensitive pickup QR generated entirely on this device.
Order totalRM 8.90
Estimated prep3 min
Checkout benchmarkWaiting for wallet tap
Client-side pickup QR
Time-sensitive locker pickup
The QR payload is rendered in the browser using the order ID, kiosk ID, and expiry timestamp. No server round-trip is used for QR rendering.
Complete checkout to generate QR
Order
Not created
Not created
QR expires
After checkout
After checkout
Smart locker APIs
Touchless mjölkte Smart Locker release
Web Bluetooth and Web NFC are exposed with browser capability detection and QR fallback, preserving a native-app feel without requiring an app store download.
Bluetooth status
Locker MJ-07 secure
Locker MJ-07 secure
NFC status
NFC tap not started
NFC tap not started
Browser capability: Bluetooth is Graceful fallback active; NFC is Graceful fallback active.
The Social Ledger
WebGL-based campus heatmap
Live tea consumption trends across faculties are represented as soft WebGL heat points, with momentum feeding GPA Booster.
WebGL heat points active
The Social Ledger visualises live tea demand by faculty so students can choose a faster kiosk before class changes.
Geo-fenced Web Push
Brewing Complete and Class-End
Permission-led reminders trigger when a student is within exactly 50 metres of a campus kiosk.
Geofence armed at exactly 50 metres
Engineering Atrium
Engineering4 min
Engineering4 min
Business Quad
Business6 min
Business6 min
Medical Library
Medicine5 min
Medicine5 min
Arts Courtyard
Arts3 min
Arts3 min
Premium, approachable, campus-native
Scandinavian-Malaysian minimalism, tuned for lecture-hall speed.
Cool whites, soft greys, muted greens, amber warmth, and batik-inspired grid texture create a calm interface with Malaysian character.
The Social Ledger faculty momentum
These trends power the visible GPA Booster multiplier and help students choose the fastest pickup path.
Engineering0 cups · +0%
Business0 cups · +0%
Medicine0 cups · +0%
Arts0 cups · +0%
Integration readiness
Production handoff boundaries
mjölkte now includes backend-backed order synchronization, dynamic The Social Ledger data, and GPA Booster rewards. The items below identify the vendor credentials or device protocols required before campus production launch.
University OIDC requires issuer, client ID, redirect URI, and faculty-claim mapping from the target institution.
Production TNG, GrabPay, and MAE deep links must be verified with each provider's merchant documentation and fallback policies.
Background Web Push delivery requires VAPID/public push credentials and a server-side subscription store.
Smart locker release requires the locker vendor's Bluetooth GATT service IDs, NFC NDEF format, and signed release command protocol.