hotsauce-shop/CLAUDE.md

StyleHaus

Multi-page e-commerce store with product catalog, cart, checkout, and account pages Stack: React 18 / TypeScript / Vite / Tailwind CSS / shadcn/ui Pages: Index, Products, ProductDetail, Cart, Checkout, Account, Search, OrderConfirmation Palette: rose/stone/amber warm tones

Files

• src/pages/Index.tsx (19KB)
• src/pages/Products.tsx (18KB)
• src/pages/ProductDetail.tsx (16KB)
• src/pages/Cart.tsx (8KB)
• src/pages/Checkout.tsx (19KB)
• src/pages/Account.tsx (10KB)
• src/pages/Search.tsx (7KB)
• src/pages/OrderConfirmation.tsx (3KB)
• src/components/Header.tsx (7KB)
• src/components/Footer.tsx (3KB)
• src/App.tsx (1KB)
• src/lib/cart-context.tsx (2KB)

Imports

UI: @/components/ui/{button,card,badge,input,textarea,tabs,accordion,dialog,sheet} Icons: lucide-react Toast: import { toast } from "sonner" Theme: ThemeToggle in headers (next-themes) Router: react-router-dom BrowserRouter

Rules

• MODIFY existing files — never rebuild from scratch
• Pages import Header + Footer from @/components/
• Tailwind only — no inline styles
• Use existing shadcn components — don't create custom ones