How munshikumar123/expanz works
This is a small React shopping-cart checkout demo. A shopper reviews a preset order, adjusts quantities or removes items, enters customer addresses, and then submits card details against hard-coded sample values. Order totals flow through App to Payment. Addresses, cart contents, and payment fields are held in component state; the sampled code shows no backend, persistent store, or payment-provider integration. The README describes Create React App tooling, not additional product capabilities.
Main entry points: App.js Checkout App · Payment.js Payment Form · Order.js Order Cart · index.js React Entry
Components 8
Application
- React Entry
src/index.js - Checkout App
src/App.js
Checkout
- Customer Details
src/components/CustomerDetails.js - Order Cart
src/components/order/Order.js - Payment Form
src/components/Payment.js
Payment Options
- Month Options
src/constants/Month.json - Year Options
src/constants/Year.json
Other components
- Shopper
Connections 12
- Shopper → React Entry: opens app
- React Entry → Checkout App: mounts
- Checkout App → Customer Details: renders
- Checkout App → Order Cart: renders
- Checkout App → Payment Form: renders
- Order Cart → Checkout App: reports total
- Checkout App → Payment Form: passes total
- Shopper → Customer Details: enters address
- Shopper → Order Cart: updates cart
- Shopper → Payment Form: submits card
- Payment Form → Month Options: reads options
- Payment Form → Year Options: reads options