ZI
Work

Results across eCommerce, enterprise platforms and AI

Nine projects, each led by what changed. Filter by stack.

Stack9 of 9
AI Product Placement Pipeline screenshot
90%
shorter production timelines
AISpeed

Cut product updates in live 3D stores from days to minutes

AI Product Placement Pipeline · Emperia

Detects the old product in an 8K panorama, synthesizes the new one with AI and pushes the result back to Krpano. No Unreal Engine re-render.

Pipeline
  1. Product image
  2. Coordinate detection
  3. 8K → 4K
  4. AI synthesis
  5. Composite
  6. Krpano XML
PythonFastAPIOpenCVAI image synthesisKrpano
Emperia Creator Tools screenshot
95%
less time to deploy a 3D space
SpeedScale

Cut 3D space deployment from days to hours

Emperia Creator Tools · Emperia

Microservices and automation scripts auto-attach the latest UI to any space, configured from one JSON file driven by Unreal, the SDK or the UI. A live editor updates UI data while the space runs.

ReactTypeScriptSDKMicroservicesEvent-driven
Emperia Brand Experiences screenshot
20+
brand experiences shipped as frontend lead
Scale

Shipped 20+ virtual brand experiences for global luxury and retail

Emperia Brand Experiences · Emperia

Owned all UI across every deployment: custom builds for Dior, Tommy Hilfiger, Lacoste and Disney; platform builds for Hugo Boss, Armani and Walmart. Games, AR product views, audio and video navigation, deployed to AWS and GCP.

ReactTypeScriptAR3D commerceAWSGCP
Walmart Realm screenshot
50+
live stores · 2× session time, 3× add-to-cart vs 2D stores
Scale

Shipped Walmart's network of auto-deployed 3D shops

Walmart Realm · Emperia × Walmart

A shop goes live as soon as its 3D space is pushed to GCP. A weighted recommendation engine scores four interaction signals against shop tags to route shoppers to the next best shop.

ReactTypeScriptGCPRecommendation engineeCommerce
AIROKIT screenshot
50+
components · 0 breaking changes
QualitySpeed

Gave multiple product teams one component library with zero breaking changes

AIROKIT · Afiniti

A fully typed monorepo of 50+ production React components, built Storybook-first with automated visual regression tests.

ReactTypeScriptStorybookMonorepoVisual regression
OVERSIGHT screenshot
<1s
dashboard latency on live telemetry
Scale

Real-time monitoring of distributed systems at sub-second latency

OVERSIGHT · Afiniti

High-volume telemetry through async event processing, Redis caching and a load-balanced Node.js backend, rendered live in a React dashboard.

ReactNode.jsPostgreSQLRedisLoad balancing
20%+
minimum bundle reduction
AIQuality

Automated bundle-size refactors with Claude

Bundle Size Guardian · Open source

A CLI that finds bloated imports with esbuild, then rewrites them to lighter alternatives using Claude via the Anthropic SDK, ts-morph and MCP.

Pipeline
  1. Scan imports
  2. esbuild analysis
  3. Claude agent
  4. ts-morph refactor
  5. Lighter bundle
TypeScriptAnthropic SDKMCPesbuildnpm
36
rules mapped to law in 6+ jurisdictions
Quality

Blocks builds that fail accessibility law

A11y-Guard · Open source

Four npm packages. Maps each violation to ADA, Section 508, EAA and more, flags it in the IDE and fails the Vite build before it ships.

TypeScriptESLint pluginVite pluginWCAGnpm
0–100
Carbon Score, enforced in CI
Quality

Made code energy efficiency measurable and enforceable in CI

Eco-Linter · Open source

Four npm packages. 14 rules score loop efficiency, dependency health, tree-shakability and complexity; CI thresholds keep inefficient code out of production.

TypeScriptCLIESLint pluginMonoreponpm

Hiring a Lead or Staff Frontend Engineer?

Open to Lead, Staff and Senior frontend roles in eCommerce, enterprise and AI products. Remote from Lahore (UTC+5). Replies within 24 hours.

Book a call →Email me