How laksh-2106/lux-store works
LuxeStore is a React e-commerce frontend whose customer journey covers product discovery, cart management, checkout, payment, and order confirmation; it also includes admin screens for products and orders. The app routes to each page, while product and order data and the cart are persisted in browser localStorage. Sampled source confirms the landing page’s product/cart usage, product-admin writes, and payment order saves; other page-level data wiring is not shown, so those links are omitted.
Main entry points: App.tsx Route application · Index.tsx Home page · Payment.tsx Payment page · useCart.tsx Cart state
Components 17
Storefront
- Home page
src/pages/Index.tsx - Product listing
src/pages/Products.tsx - Product detail
src/pages/ProductDetail.tsx - Product card
src/components/ProductCard.tsx
Checkout
- Cart page
src/pages/Cart.tsx - Checkout page
src/pages/Checkout.tsx - Payment page
src/pages/Payment.tsx - Order confirmation
src/pages/OrderSuccess.tsx
Administration
- Admin dashboard
src/pages/admin/AdminDashboard.tsx - Product management
src/pages/admin/AdminProducts.tsx - Order management
src/pages/admin/AdminOrders.tsx
Shared state
- Route application
src/App.tsx - Cart state
src/hooks/useCart.tsx - Catalog and orders
src/data/store.ts - Browser localStorage
- Toast notifications
src/hooks/use-toast.ts
Other components
- Shopper
Connections 18
- Shopper → Route application: opens store
- Route application → Home page: routes to
- Route application → Product listing: routes to
- Route application → Product detail: routes to
- Route application → Cart page: routes to
- Route application → Checkout page: routes to
- Route application → Payment page: routes to
- Route application → Order confirmation: routes to
- Route application → Admin dashboard: routes to
- Route application → Product management: routes to
- Route application → Order management: routes to
- Home page → Catalog and orders: reads products
- Home page → Cart state: adds items
- Home page → Product card: renders cards
- Cart state → Browser localStorage: reads and writes
- Product management → Catalog and orders: saves products
- Payment page → Cart state: reads cart
- Payment page → Catalog and orders: saves order