Back to projects
eCommerce Engineering

Composable eCommerce & Merchandising Platform

SpiritHub · Full-Stack Developer

SpiritHub | Full-Stack Engineering / eCommerce / Platform Engineering

Built full-stack capabilities across a consumer eCommerce storefront, GraphQL API, and internal operations dashboard, including a 0-to-1 configurable page system that enabled teams to manage product, landing, and promotional pages without engineering support.

ReactTypeScriptHandlebarsNode.jsExpress.jsGraphQLAWS
Abstract architecture diagram — no product screenshots

Overview

Full-stack work across a consumer eCommerce storefront, Express.js and GraphQL APIs, an internal admin dashboard, cloud services, and integrations. The storefront used React, TypeScript, and Handlebars. The admin dashboard supported products, orders, payments, merchandising, and other commerce operations. A major platform investment was a configurable page-management system designed and built from the ground up.

My Contribution

  • Developed customer-facing eCommerce experiences with React, TypeScript, Handlebars, and reusable storefront components
  • Built and maintained Express.js and GraphQL APIs supporting product catalog, orders, payments, customer accounts, and operational workflows
  • Contributed to an internal admin dashboard used to manage products, orders, payments, merchandising, and other commerce operations
  • Designed and built a configurable page-management system from the ground up, enabling internal teams to compose product, landing, and promotional pages
  • Created reusable page sections and configuration contracts that separated merchandising content from frontend deployments
  • Worked across frontend, backend, cloud infrastructure, integrations, analytics, and production support

0-to-1 Feature

One of the key platform investments was a configurable page-building system. Internal users could select reusable page sections, configure content and product data, control ordering and visibility, preview changes, and publish experiences without requiring a custom engineering release for every page update.

Technical Architecture

  1. Admin dashboard → structured page configuration
  2. API validation and persistence
  3. GraphQL delivery
  4. React storefront component registry
  5. Each section type maps to a reusable React component; page definitions are ordered structured data
  6. The admin dashboard controls content and presentation options; the backend validates supported section types and fields
  7. The storefront renders configurations dynamically, and new section types can be introduced without redesigning the entire page system

Engineering Challenges

  • Creating a flexible but manageable page schema
  • Validating configurations before publication
  • Maintaining compatibility as new section types were added
  • Keeping storefront rendering consistent
  • Coordinating changes across dashboard, API, and storefront
  • Reducing tight coupling between business content and application deployments
  • Supporting complex commerce operations across products, orders, and payments

Engineering Outcomes

  • Reduced engineering dependency for routine page creation
  • Enabled faster merchandising and promotional updates
  • Standardized storefront composition
  • Improved reuse across product and landing pages
  • Gave internal teams more control over eCommerce content
  • Created a foundation for future configurable experiences

Reliability and Confidentiality

Commerce platforms handle products, orders, and payments, so this portfolio stays intentionally general. It omits customer data, order details, payment information, internal URLs, proprietary schemas, credentials, confidential visuals, and unsupported conversion or revenue metrics.

Technologies

  • React, TypeScript, Handlebars for customer-facing storefront experiences
  • Node.js, Express.js, and GraphQL for APIs and operational workflows
  • AWS for cloud services supporting the platform
  • Internal admin dashboard for products, orders, payments, and merchandising