Return to Portfolio Home
SYS.07LIVE
E-Commerce & Logistics Infrastructure•2023 – 2024

E-Combo

ايكومبو

A dropshipping and logistics platform enabling merchants in the GCC to launch retail stores with zero upfront inventory capital, regional warehousing, and fast delivery.

Engineering Role
Lead Frontend Architect & Systems Engineer
Architecture Scope
Core Team · Multi-Application E-Commerce & Fulfillment Ecosystem
Core Backend & DB
Next.js 14 (App Router) · React 18 · TypeScript
System Status
Live in Production
e-combo.sys
Capital Required
0 AED

Zero upfront merchant investment to launch wholesale stores

Regional Coverage
UAE & KSA

Fulfillment hubs and cross-border delivery infrastructure

Core Architectures
3 Modules

Acquisition Landing, Operations Portal, Logistics Backend

01 //

01: Operational Challenge & Concurrency Bottleneck

Engineering Ownership & Architecture Scope

I designed and built the high-conversion acquisition portal, onboarding funnels, and interactive logistics visualization layer.

01: Operational Challenge & Concurrency Bottleneck

Launching an e-commerce business in the GCC typically requires heavy upfront inventory capital, complex cross-border storage, and difficult cash-on-delivery reconciliation.

Concurrency & State Contention

Rendering complex geospatial map projections and smooth animations without layout shifts or frame drops on mobile devices.

DIAGNOSIS_LOGGED
02: Engineered Solution & ACID Guarantees

I built a Next.js App Router architecture combining server-rendered static shells with isolated client components for interactive maps, using TopoJSON vectors and lightweight intersection observers.

ARCHITECTURAL_PARITY
02 //

Core Subsystem Modules & Domain Isolation

Visualization Engine

Geo-Spatial Fulfillment Radar

Dynamic Mercator projection using TopoJSON and pulse keyframes to render real-time distribution hubs without blocking main-thread interactivity.

MODULE_ISOLATED
Onboarding Subsystem

Dual-Persona Funnel Gateway

Context-aware routing for suppliers (warehouse storage) and marketers (zero-capital inventory & profit disbursement).

MODULE_ISOLATED
Layout & Rendering Pipeline

RTL Typography & Rendering

Font optimization with local Arabic font loading, CSS variable scoping, and Radix Direction primitives for bidirectional UI consistency.

MODULE_ISOLATED
Motion & UI Engine

Scroll-Linked Viewport Coordinator

Intersection observer pipeline orchestrating carousel interactions and entrance transitions.

MODULE_ISOLATED
03 //

Architectural Capabilities & Engineered Workflows

CAP.01

Zero-Capital Catalog

Access to wholesale product pools stored and packaged in regional warehouses.

FEATURE_VERIFIED
CAP.02

Interactive Logistics Map

Visualizes fulfillment hubs and delivery coverage across Saudi Arabia and the UAE.

FEATURE_VERIFIED
CAP.03

Cash-on-Delivery Settlement

Reconciles courier collections and automatically deposits profits into merchant wallets.

FEATURE_VERIFIED
CAP.04

Bilingual RTL Layout

Tailored Arabic and English interface with zero layout shift.

FEATURE_VERIFIED
CAP.05

Automated Order Dispatch

Forwards orders directly to warehouse packaging teams upon customer checkout.

FEATURE_VERIFIED
CAP.06

Supplier Onboarding

Streamlined qualification workflows for regional wholesale suppliers.

FEATURE_VERIFIED
04 //

System Topology & Architectural Data Flow

END-TO-END TRANSACTIONAL TOPOLOGY[5 NODES]
01. CLIENT

Public Acquisition & Onboarding Web

Bilingual portal with supplier/marketer entry points and interactive fulfillment map.

02. CLIENT

Merchant & Supplier Dashboard

Operational portal for wholesale catalog browsing, inventory placement, and profit withdrawals.

03. SERVICE

Core Fulfillment & Auth Server

Business logic engine managing merchant accounts, catalog indexing, and security.

04. SERVICE

Logistics & Carrier Dispatch Pipeline

Warehouse packaging notifications, tracking generation, and courier integration.

05. DB

COD Settlement & Ledger Engine

Transactional financial ledger tracking buyer cash collections and merchant payout disbursements.

05 //

Production Technology Matrix & Ecosystem

Public Web & Acquisition (`landing`)6 components
Next.js 14 (App Router)React 18TypeScriptTailwind CSSRadix UIFramer Motion
Visualization & Interactive Layer5 components
react-simple-mapsd3-geo / TopoJSONEmbla CarouselAOS (Animate On Scroll)Lucide Icons
Merchant & Supplier Platform (`app`)5 components
ReactTypeScriptRESTful API IntegrationDigital Wallet LedgerCOD Reconciliation
Logistics Hub & Fulfillment APIs3 components
GCC Courier WebhooksMulti-Warehouse Inventory FeedsWhatsApp Business Gateway
Adjacent System Case StudiesINDEX_NAV
ARCHITECTURAL CONSULTING & CONTRACTS

Next Steps & Technical Inquiries

Looking for a systems architect or full-stack engineer for your next high-throughput platform? Let's discuss architecture and technical requirements.