A storefront website for a local gems and jewellery retailer, built with a reusable component library and validated product-inquiry forms.
The client needed a clean, trustworthy online presence to showcase their jewellery catalog and store details — without the complexity or overhead of a full e-commerce checkout system.
Focused on a fast, accessible, well-structured storefront rather than an over-engineered platform: a reusable component library for consistent UI, validated forms for reliable inquiries, and simple, scalable routing for the catalog.
Built a component system on Radix UI primitives — accessible, unstyled building blocks styled to match the brand — so product cards, filters, and forms behave consistently across the site and new pages assemble quickly from existing pieces.
React + TypeScript frontend using TanStack Start/Router with file-based routing, where each route maps directly to a file. Vite powers the dev/build tooling for fast iteration.
Implemented the component library, product catalog pages, and inquiry/contact forms using React Hook Form with Zod validation, ensuring immediate, clear feedback on errors and clean data on submission.
Delivered a fast, accessible storefront that gives the retailer a professional online presence and a reliable way to receive customer inquiries, without the overhead of unnecessary e-commerce infrastructure.