Skip to content

07E-commerce · Streetwear

FORM / AFTER

Eight considered pieces and a complete demo shopping flow for an independent streetwear label.

Self-initiated demonstration (live, completed)

Role
Design and development: Syed Ahad Haider
Type
E-commerce · Streetwear
Source
github.com/syedahadhaider/e-commerce-website
History
First commit 5 September 2026, last 12 September 2026

Stack

  • React 19
  • TypeScript
  • Tailwind CSS 4
  • shadcn/ui
  • Vite
Visit live site
FORM / AFTER home page: the wordmark and "Outside the ordinary" headline

About the project

A storefront for a streetwear label with eight pieces across five categories, built as a compact demonstration. Product discovery runs through category filters and product views, a persistent bag holds the selection, and a demo checkout completes the flow.

The problem it solves

Getting a whole shopping flow into a deliberately small build, and making a component library disappear. shadcn/ui supplies the primitives; every one of them is restyled far enough into the black-and-chalk identity that nothing reads as a default.

Scope and limits

  • Deployed as a demonstration: the eight pieces and their prices are self-created content.
  • Checkout is a demo — it completes the flow without taking payment or storing an order.

What it does

  • Category filters — t-shirts, sweatshirts, outerwear, bottoms, accessories
  • Product views for each of the eight pieces
  • Persistent bag
  • Demo checkout
  • Brand story sections

Worth noticing

  1. 01Bold black-and-chalk identity with a single ember-orange accent
  2. 02shadcn/ui primitives restyled into the label’s own voice
  3. 03A complete demo shopping experience in a compact build
FORM / AFTER home page on a phone

Want something like this?

Open the live site, poke at it, then tell me what you have in mind. A two-line brief is enough to start.

This is react & next.js storefronts work — what it covers, what it does not, and how it is quoted.

Open Form / AfterHire me

Related work