🚀 Live Prototypes
📱
Customer Mobile
Full customer journey: register → KYC → book → pay → live rental → return
🛠
Agent Mobile
Operational app: scan QR → pickup → photos → return → preparation. Includes BR-59 forced password change.
💻
Customer Web
Responsive web mirror with desktop nav rail, sticky summary panel, print-friendly invoices, camera→mobile QR fallback.
⚙
Web Admin
Desktop admin: dashboard · KYC review · fleet · bookings · refunds · live map · system config · RBAC · audit · CMS · pricing · SPKLU.
📊 Coverage Scoreboard
| Application | Modules | Screens spec'd | HTML built | Coverage |
|---|---|---|---|---|
| Customer Mobile | 8 | 51 | 46 | 90% |
| Customer Web | 8 | 45 | 35 | ~100% ID coverage |
| Agent Mobile | 7 | 37 | 34 | ~100% ID coverage |
| Web Admin | 12 | 75 | 22 | ~50% (core flows) |
| Cross-Cutting | 3 | 9 | 5 (in Web Admin) | RBAC core |
| Total | 38 | 217 | 138 HTML files | All 38 modules represented |
🎯 Try the end-to-end demo
- Customer registers on Customer Mobile → KYC submitted
- Admin reviews KYC on Web Admin → approves
- Customer books motor → pays via VA → receives QR receipt
- Agent scans QR on Agent Mobile → verifies → takes 4 photos → activates rental
- Admin monitors live fleet map → can issue manual speed-limit/force-shutdown
- Agent processes return → checklist → photos → damage assessment → preparation
- Customer sees return summary + refund status
- Admin processes refund from queue
🎨 Brand & Accessibility
Brand tokens (PT Rivera light-green palette)
#0ED400 | brand surface | |
#058A00 | brand text (a11y safe) | |
#89E291 | decorative light | |
#1E2022 | headlines |
WCAG 2.1 AA verified
- 9.36 : 1 dark text on brand button
- 4.52 : 1 brand text on white (just passes)
- 15.86 : 1 primary text on white
- Bright
#0ED400restricted to surface-only — never carrying text