<Project id="ac-shop" />

Alabama Chanin

Headless e-commerce storefront
Screen 1
Screen 2
Screen 3
Screen 4
Screen 5

Project Overview

Built a headless e-commerce storefront for an American slow-fashion brand using Next.js + React with the Shopify Storefront GraphQL API. The web app owns browsing, cart, and pre-checkout flows, with payments via Shopify Checkout.

Scope & Contributions

  • Frontend (Next.js + React) — Implemented product listing/detail, cart, and account flows against the Shopify GraphQL API with strong typing and clean UI patterns.
  • Checkout integration — Hand-off to Shopify Checkout while keeping in-app cart/fulfillment up to purchase; ensured data parity between cart and checkout.
  • Infrastructure on AWS — Provisioned hosting behind AWS Elastic Load Balancer using Terraform; used Ansible for server configuration and deployment automation.
  • Release hygiene — Defined predictable environments and IaC so app and infra changes could be rolled out consistently.

Outcomes

  • Reliable checkout path: in-app cart + Shopify Checkout hand-off reduced friction at purchase time.
  • Stable operations: IaC (Terraform) + Ansible automated setup and deployments; ELB provided resilient serving.
  • Maintainable codebase: typed GraphQL integration and clear UI structure simplified ongoing changes.