Architecting Konfy ShoeCare OS: A 17-Status Multi-Role Operational Platform in Under 90 Days

April 15, 2026

Architecting Konfy ShoeCare OS: Zero to Production in Under 90 Days

When I joined Konfy ShoeCare as the sole Founding Software Engineer & Product Architect, the goal was not merely to build a customer-facing booking website - it was to engineer the entire operational nervous system of the company from the ground up.

Within under 3 months, I delivered a production-grade platform powered by Next.js 16, TypeScript, MongoDB Atlas, Socket.IO, and Midtrans Snap, which led to my permanent appointment as IT Department Lead.

1. Modeling Real-World Operations: The 17+ Status State Machine

Shoe care logistics involve complex physical handoffs across multiple locations and teams. To eliminate operational blind spots, I designed a deterministic 17+ status order lifecycle covering:

  • Booking & Guest QR Flow: Frictionless order creation (including zero-registration guest orders tracked via unique tokens and QR codes).
  • Payment & Automated Reconciliation: Midtrans Snap integration (QRIS, Virtual Account, Card) with webhook verification, promo engines, and loyalty points.
  • Courier Dispatch & Live Telemetry: Automated queue assignment, real-time Leaflet GPS tracking, and digital proof-of-pickup.
  • Workshop & 3-Point Quality Control: Before/after photo verification, a mandatory 3-point QC checklist, and automated rewash routing if an item fails inspection.

2. Six-Role Multi-Tenant RBAC Architecture

Every stakeholder interacts with a purpose-built interface tailored to their operational responsibilities:

  1. Customer Portal: Live order tracking, QRIS checkout, loyalty rewards, and direct chat.
  2. Admin Executive Dashboard: 30+ real-time business KPIs, financial reconciliation, and fleet oversight.
  3. Technician Workspace: Treatment queues, SOP checklists, and stage progression.
  4. Courier Mobile View: Route optimization, live GPS broadcasting, and pickup/delivery verification.
  5. Quality Control (QC) Station: Three-point inspection grading, before/after photo comparison, and instant rewash triggers.
  6. Dropper Point Portal: Drop-off point intake and handoff verification.

3. Real-Time Engine & Mobile PWA

Using Socket.IO paired with the Web Push API, every state transition broadcasts instant notifications across relevant roles - even when the installable Progressive Web App (PWA) is backgrounded on mobile devices.

GitHub
LinkedIn