Commerce Insights

A focused analytics surface for teams who need trustworthy metrics, useful comparisons, and a direct path from insight to action.

Live Portal

Primary RoleLead Frontend & System Arch

Timeline & CadenceQ3 2023 – Q2 2024 (10 mos)

Enterprise StakeholderKawan Lama Group HR Corp

Throughput Volume30,000+ Profiles Processed

pipeline-monitor.sh :: kl-recruitment.production

zsh 5.9

Multi-Subsidiary Tenant Router

Ace Hardware, Informa, Toys Kingdom, Chatime

CLUSTER HEALTH

99.98% OPTIMAL

FORM TIME

6.4m AVG

deployment_manifest.ts

Copied!

const RecruitmentSpec = {
  cluster: "Enterprise-Cloud-JKT",
  tenants: ["ACE", "INFORMA", "F&B"],
  architecture: {
    framework: "Next.js App Router",
    stateManagement: "Zustand + IndexedDB",
    payloadValidation: "Zod Schemas",
    bridgeSync: "HRMS Core API Gateway"
  },
  cachingStrategy: "Edge ISR (600s)",
  security: {
    documentSanitizer: true,
    rateLimiting: true
  }
};

Current FocusSAP SuccessFactors Bridge

v2.4

Sub-second TTI

Lighthouse 96+ Score

0.84s FCP

// OVERVIEWExecutive Summary & Architecture

Unified Recruitment Platform for Nationwide Retail Subsidiaries

Kawan Lama Group operates more than a dozen major retail, commercial, and industrial brands throughout Indonesia—including Ace Hardware, Informa, Toys Kingdom, and Chatime. Previously, each subsidiary operated fragmented hiring pipelines, leading to high candidate drop-off and severe administrative overhead across regional recruitment drives.

As Lead Frontend & System Architect, I designed and spearheaded the development of a unified, high-concurrency recruitment gateway. The platform centralizes talent acquisition into an intuitive, high-speed single portal while maintaining rigorous data boundary isolation and custom candidate stage workflows for each brand's hiring teams.

To solve critical drop-off caused by unstable mobile connections and multi-page application fatigue, we engineered an optimistic client persistence engine with IndexedDB chunk caching. Applicants can pause, switch devices, or lose network connectivity without losing a single keystroke or document.

Business Impact12+ Brands Consolidated

Streamlined talent pipelines into one high-throughput ecosystem.

State ResilienceZero Data Loss

Automatic local IndexedDB chunk serialization and background sync.

System Performance<1.1s Page Load

Edge caching paired with optimized server-side metadata.

// TECH_STACKTechnologies & Tools Used

Engineered with Modern Monospace Standards

Core Frontend

Next.js 14 App RouterTypeScript 5Tailwind CSSRadix UI

State & Data Layer

ZustandIndexedDB ChunkingZod ValidationReact Query

Architecture & Infra

REST API GatewayEdge ISR CachingHRMS Core SyncCI/CD Pipeline

Interested in Enterprise-Grade Architecture?

Currently available for engineering leadership, contract architectural consulting, and full-stack engagements.

Start a Conversation