Wasatch Supply Co. — E-Commerce Demo

A full standard e-commerce frontend demo: a Salt Lake City retailer of real American-made goods (apparel, footwear, headwear, tools & home). Static HTML/CSS/JS — no build step, no backend.

Demonstration storefront for internal preview only. Product names, prices, descriptions and images belong to their respective brands and were sourced from public brand/retailer listings (July 2026).

Run

python3 -m http.server 8741
# open http://localhost:8741

Any static file server works. Opening index.html directly also works.

Pages

Page	Features
index.html	Hero, category tiles, featured/icons grids, brand marquee, story band, newsletter
catalog.html	Filters (department / brand / price), sort, search — state synced to URL
product.html?id=<slug>	Gallery, size picker, quantity, accordions, related products
cart.html	Line items, quantity steppers, promo code, totals, free-shipping meter
checkout.html	Validated address + payment form (Luhn check), order confirmation

Details

• Cart persists in localStorage (wsc-cart-v1), promo code: PIONEER10 (10% off)
• Free shipping over $99, otherwise flat $8.95; estimated tax 7.1%
• Test card: 4242 4242 4242 4242, any future expiry, any CVC
• 22 real products across 21 brands; every product lists its actual US factory town
• Product images live in assets/img/products/; a styled SVG placeholder renders if an image is missing

Structure

index.html  catalog.html  product.html  cart.html  checkout.html
css/    tokens.css  styles.css      # design tokens + components
js/     products.js store.js        # catalog data + shared cart/render logic
        home.js catalog.js product.js cart.js checkout.js
assets/img/products/*.jpg

support.js is the legacy Design Component runtime from the previous iteration of this repo and is not used by the demo.