Obsessed Shop

Premium gym wear, storefront + admin built end-to-end.

Role: Full Stack
Year: 2024
Category: E-commerce
Stack: ReactRedux ToolkitStyled ComponentsNode.jsExpress.jsMySQLJavaScript

Visit

Live site

02 · Outcomes

What the build actually shipped.

Numbers, not adjectives. The stats below are pulled from production. Anything still live, still measured.

2024

shipped

live, in production

Custom

no template

every layer hand-coded

Mobile-first

where the orders come from

tuned for phone checkout

MySQL

single source of truth

transactional core

03 · Overview

What it does.

Obsessed sells gym wear that's worn at the gym, not on the way to brunch. The store is a custom build, no Shopify theme cosplay. Admin panel handles stock, drops, order fulfilment, returns, and the customer-analytics view the founder actually opens at 2 AM. Performance-tuned for mobile because that's where every order comes in.

04 · Gallery

More from the build.

Secondary mockups, detail crops, mobile and desktop variants. Click any shot to open it full-size.

05 · Process

How the build actually ran.

Four phases. Each one with a deliverable the client could see, not a slide deck of intent.

01
Conversation
Brand wanted a premium gym-wear store that didn't read like a Shopify theme. Most traffic + orders mobile, so the brief led with phone checkout. Operator side needed an admin clean enough that the founder runs it without engineering touch.
02
Plan
MySQL schema first — products, variants, orders, accounts. REST API on Express. React + Redux Toolkit on the frontend, sharing state across cart and account. No theme layer, no plugins — every screen built directly off the same data.
03
Build
Mobile checkout first. Listing + product detail + cart + account scaled up to desktop from the same components. Admin handles stock, orders, refunds, and customer comms in a single panel.
04
Ship & Maintain
Live since 2024. Founder runs day-to-day without engineering touch — drops, listings, refunds, customer messages all from the admin.

06 · Decisions

The choices that shaped the build.

Tech is downstream of decisions. These are the calls made early enough to compound the right way. The ones a code review six months later still agrees with.

Custom build over Shopify theme

Hand-coded gives full control. No theme constraints, no plugin tax, no Liquid-template ceiling on what the brand can look like. Every layer is optimised for this build, not for a templating engine someone else owns.

MySQL as single source of truth

One relational store for products, orders, accounts, admin events. ACID on the cart and order ledger; reports and audits read straight off the same schema instead of joining across services.

Mobile-first build order

Most orders come from a phone, so the mobile flow led every iteration — checkout, listing, account, then desktop scaled up from the same components. Reversing that path always leaves mobile feeling like an afterthought.