← Back to Projects
MonibShop – E-Commerce Website
Modern E-Commerce frontend built with Next.js 14 App Router and Zustand. Scores 96 on Lighthouse performance (mobile). Cart state persists across sessions and URL-driven filters are fully shareable.
monibshop.vercel.app/
MonibShop – E-Commerce Website
Next.js 14
TypeScript
Tailwind CSS
Zustand
React Hook Form
Zod
Lucide Icons
shadcn/ui
Project Overview
MonibShop is a production-ready E-Commerce frontend that delivers a smooth, fast shopping experience. The cart uses Zustand with localStorage persistence — surviving full page refreshes without re-fetching. All filters and sorting are URL-encoded, making every product view shareable and SEO-indexable. Built with React Hook Form + Zod for type-safe checkout validation. Lighthouse scores (mobile): Performance 96, Best Practices 96, SEO 100.
✨ Key Features
- 🛍️ Product listing with categories & filters — URL-based state, zero prop drilling
- 🎨 Product variations (size & color) — <50ms UI response on selection
- 🛒 Shopping cart with Zustand persistence — survives full page refresh
- 🔍 URL-based filtering & sorting — fully shareable and bookmark-friendly URLs
- 📱 Fully responsive design — tested across 6 breakpoints
- 🔔 User feedback with toasts — 100% of async actions have loading + error states
- 🧱 Clean & scalable frontend architecture — feature-based folder structure
🏆 Why It Matters
Shows mastery of state management beyond useState: Zustand for global cart state, URL state for filters, and React Hook Form for validated forms. A 96 Lighthouse performance score on a fully interactive e-commerce frontend demonstrates that rich UX and fast load times go hand in hand.
Interested in working together?
I'm available for freelance and full-time roles.