A luxury fashion & lifestyle eCommerce experience built with React, demonstrating advanced frontend engineering, premium UI/UX, animations, and production-quality architecture.
YASIRO — Curated luxury for the modern connoisseur. Editorial design meets modern commerce with a warm ivory, espresso, and bronze palette.
- React 19 + Vite 8
- Tailwind CSS v4
- Framer Motion
- React Router v7
- Zustand (cart, wishlist, theme)
- Swiper.js
- GSAP ScrollTrigger
- React Icons
- LocalStorage persistence
- Full shopping flow: browse, filter, search, product detail, cart, wishlist
- Dark / light mode
- Quick view modal, toast notifications, page loader
- Responsive design (mobile-first)
- SEO meta tags, semantic HTML, lazy-loaded images
- Project showcase section documenting architecture
src/
├── animations/ # Framer Motion variants
├── components/
│ ├── layout/ # Navbar, Footer, etc.
│ ├── product/ # ProductCard, QuickView
│ └── ui/ # Button, Toast, Accordion
├── data/ # Products, categories
├── hooks/ # Custom hooks
├── pages/ # Route pages
├── store/ # Zustand stores
└── utils/ # Helpers
| Route | Description |
|---|---|
/ |
Home — hero, categories, featured, showcase |
/shop |
Product grid with filters & search |
/product/:id |
Product detail with gallery & reviews |
/cart |
Shopping cart & checkout CTA |
/wishlist |
Saved products |
/about |
Brand story & timeline |
/contact |
Contact form with validation |