Joe Wee
33 lines
1.1 KiB
Markdown
33 lines
1.1 KiB
Markdown
# 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
|