Billy.Hire me
All work

Techtonic ID · E-Commerce · 2024 — Present

Shoda E-Commerce

A Middle East e-commerce platform engineered from storefront to checkout — performance and transactional reliability on two platforms.

Role
Front-End Architect
Sector
E-Commerce
Period
2024 — Present
React NativeNext.jsLaravel
01 / STOREFRONTShodaE-Commerce

01

Overview

Shoda is a full e-commerce platform built for the Middle East market — catalog, search, cart and checkout, tuned for the expectations of a regional audience and the realities of regional infrastructure.

My focus was the storefront architecture: keeping pages fast, keeping transactions reliable, and keeping the React Native app and the Next.js web storefront consistent with a single mental model.

02

Approach

  1. 01

    One design system, two platforms

    A shared component and token foundation keeps mobile and web visually and behaviorally consistent without duplicating logic.

  2. 02

    Storefront performance budgets

    Code-splitting, image strategy and route-level optimization keep critical pages light even on slower connections.

  3. 03

    Resilient transactions

    Cart and checkout flows are designed around idempotent, verifiable steps against the Laravel backend — no lost orders.

03

Delivered

01

Mobile storefront

A React Native app with native navigation and performance feel.

02

Web storefront

A Next.js experience with SEO and server-rendered product pages.

03

Checkout & payment flows

Transaction flows wired to the Laravel backend with clear success and failure states.

04

Selected views

01 / STOREFRONTSHOP-01
01 / STOREFRONTShoda storefront
02 / PRODUCT PAGEPDT-01
02 / PRODUCT PAGEProduct detail page
03 / CHECKOUTCHK-01
03 / CHECKOUTCheckout flow

05

Impact

  • A single architecture delivering a cohesive shopping experience across mobile and web.
  • A storefront that stays responsive on modest hardware and connections — where regional shoppers actually browse.