Building The Happy Attire: A Premium E-Commerce Storefront

The Happy Attire is a premium ethnic-fashion e-commerce storefront I built to see how far a polished shopping experience could go with a pure front-end stack.

The feature list

• A browsable product catalogue
• An admin dashboard to manage products
• Wishlist and a checkout cart
• Live search that filters as you type
• Persistent storage so your cart survives a refresh

No backend, on purpose

I wanted to focus on the experience, so state lives in the browser via localStorage. The cart, wishlist, and admin changes all persist client-side.

// Cart that survives reloads
const [cart, setCart] = useState(
  () => JSON.parse(localStorage.getItem("cart") ?? "[]"),
);

useEffect(() => {
  localStorage.setItem("cart", JSON.stringify(cart));
}, [cart]);

Why this project mattered

It's easy to dismiss a "no backend" app as a toy, but building the full retail flow — catalogue → search → wishlist → cart → checkout, plus an admin side — forced me to think about state management, derived UI, and persistence the way a real product does. Built with React, Vite, CSS variables for theming, and Lucide icons.

The next iteration adds a real backend — but the front end was the right place to start.