Owned product · 2025 – Present

Ecommerce Store

A modern ecommerce storefront with product browsing, category filtering, wishlist, cart, and checkout-oriented flows.

01 Scope

The product context behind the work.

Problem

A small merchant needs the storefront to turn product content into a clear buying path. Shoppers should be able to browse categories, compare products, save items, keep cart state consistent, and move into checkout without losing context.

My contribution

Contributed to customer-facing storefront, product, wishlist, cart, address, and order workflows
Worked across Sanity-backed product content and the Stripe Checkout handoff
Helped maintain cart and wishlist state across the responsive shopping journey
Reviewed the UI around product discovery and buying actions across screen sizes

02 Approach

Important engineering decisions.

Ecommerce Store follows a familiar buyer journey: discover products, inspect a product, save or add it to the cart, and continue toward checkout. The goal is not just to show a catalog, but to make each state in the shopping flow feel clear and connected.

Product content comes from Sanity so merchandising and catalog updates stay separate from the frontend implementation. Category filters, sorting, product cards, and detail pages work together to make browsing feel direct instead of scattered.

Umar contributed across product and engineering, including the responsive storefront flow, cart and wishlist state, Sanity-backed catalog surfaces, and Stripe Checkout handoff. The case keeps those contribution boundaries specific without making a broader authorship claim.

03 Evidence

Product screens from the shipped flow.

Ecommerce Store storefront and product discovery — The shop page combines category filters, sorting, product cards, and add-to-cart actions in one browsing flow.

Ecommerce Store product detail page — Product detail screens give buyers pricing, product context, quantity controls, wishlist state, and delivery cues before checkout.

Ecommerce Store cart with selected products — Cart state keeps selected products, quantity controls, totals, and checkout intent visible before payment.

04 Delivered & verified

What the public proof supports.

Delivered scope

Shopping flow

Connected product discovery, product detail, wishlist, cart, and checkout-oriented states

Content model

Sanity-backed product content keeps merchandising and catalog updates separate from the frontend

Commerce handoff

Stripe checkout session flow moves cart selections into a payment-ready path

Stack

Next.jsTypeScriptClerkSanityStripeZustandTailwind CSS

Reflections

The important product work is keeping discovery, selection, cart state, and checkout handoff easy to follow across screen sizes.
Cart and wishlist state need to feel boring: selections, quantities, totals, and saved items should stay consistent as the customer moves between browsing, detail, and checkout.

Next step

Have a similar project?

If this looks close to the product work you need, book a short call and I will help scope the next step clearly.

Book an intro call