TAUSIF
TAUSIF
Back to projects

Commerce

Minimup Baby Store

A React e-commerce front for baby products: categories, cart, reviews, search, filters. Modern, responsive, and TypeScript end-to-end.

React 18TypeScriptViteshadcn/uiTailwind CSSReact RouterReact Hook FormTanStack React QueryZodFramer Motion

3

Filter Levels

Mobile

First

How it came together

The setup

A baby-products brand needed an online store that did not feel like a generic Shopify theme, and that handled categories deeper than two levels.

The challenge

Make category-heavy browsing feel snappy without server-side rendering every variant.

Scale

Multi-category storefront with cart, search, and product reviews.

The hard parts

Non-negotiables

  • Filters that survive page reloads
  • Reviews moderated before going live
  • Mobile-first; most traffic is phones

Trade-offs we made

  • Client-side rendering means the first paint is not the fastest. Mitigated with skeletons.
  • Reviews require moderation. Slower to publish, fewer fakes.

Calls I made

URL is the source of truth

Filters live in the URL. Refresh, share, or bookmark: the same view comes back.

TanStack Query for product data

Cached lists, deduped requests, pagination that feels instant after the first hit.