How miko-milo/robo-edu works
RoboEdu is a single-store storefront for educational robotics kits and spare parts. The intended customer journey runs from browsing and product detail through cart, checkout (address, shipping, voucher), payment, and order tracking; the sampled checkout and order screens still use mock data, so they do not establish backend or gateway calls. The tree also exposes account, wishlist, and review UI, while README-documented admin, reseller, warranty, and reporting capabilities have no implementation paths in this tree. Edges show only relationships visible in excerpts or the SOURCE INDEX; unsampled behavior is not inferred.
Main entry points: checkout/page.tsx Checkout · common.ts API contracts · app/page.tsx Home landing · product/page.tsx Product catalog
Components 32
Storefront & Catalog
- Home landing
app/page.tsx - Product catalog
app/(user)/product/page.tsx - Product detail
app/(user)/product/[slug]/page.tsx - Wishlist state
contexts/wishlist-context.tsx - Wishlist UI
components/user/wishlist/wishlist-sidebar.tsx - Landing FAQ
components/user/landing/faq.tsx - Testimonials
components/user/landing/testimoni.tsx
Cart & Purchase
- Shopping cart
app/(user)/cart/page.tsx - Checkout
app/(user)/checkout/page.tsx - Checkout widgets
components/user/checkout/checkout-address-modal.tsx
Accounts & Orders
- Order history
app/(user)/profile/orders/page.tsx - Review modal
components/user/orders/order-review-modal.tsx - Login & register
app/(auth)/login/page.tsx - Profile
app/(user)/profile/my-profile/page.tsx
Shared UI & Contracts
- Button primitive
components/ui/button.tsx - Product card
components/ui/product-card.tsx - Pagination
components/ui/pagination.tsx - Product image
components/ui/product-image.tsx - Star rating
components/ui/star-rating.tsx - Logo carousel
components/user/carousel-logo.tsx - Cart/order contracts
types/cart.ts - User contract
types/user.ts - API contracts
types/common.ts - Order contract
types/order.ts - Voucher contract
types/voucher.ts - Domain statuses
types/enums.ts - Review contract
types/review.ts
Admin capabilities
- Admin operations
- Reseller approval & pricing
- Warranty claims
- Sales reporting
Other components
- Shopper
Connections 38
- Shopper → Home landing: opens
app/page.tsx - Shopper → Product catalog: browses
- Product catalog → Pagination: renders
app/(user)/product/page.tsx - Shopper → Product detail: opens product
- Shopper → Shopping cart: manages cart
- Shopper → Checkout: checks out
- Checkout → Checkout widgets: renders
app/(user)/checkout/page.tsx - Checkout → Button primitive: uses
app/(user)/checkout/page.tsx - Checkout → Cart/order contracts: uses
app/(user)/checkout/page.tsx - Checkout → User contract: uses
app/(user)/checkout/page.tsx - Checkout → Order contract: uses
app/(user)/checkout/page.tsx - Checkout → Voucher contract: uses
app/(user)/checkout/page.tsx - Checkout → Domain statuses: uses
app/(user)/checkout/page.tsx - Product catalog → Wishlist UI: renders
app/(user)/product/page.tsx - Shopper → Order history: views orders
- Order history → Review modal: renders
app/(user)/profile/orders/page.tsx - Review modal → Star rating: renders
components/user/orders/order-review-modal.tsx - Review modal → Button primitive: uses
components/user/orders/order-review-modal.tsx - Shopper → Login & register: signs in
- Shopper → Profile: edits profile
- Wishlist UI → Wishlist state: uses state
- Product card → Product image: renders
components/ui/product-card.tsx - Product card → Star rating: renders
components/ui/product-card.tsx - Button primitive → API contracts: not connected
- Home landing → Logo carousel: renders
- Landing FAQ → Home landing: included by
app/page.tsx - Testimonials → Home landing: renders
app/page.tsx - Shopper → Admin operations: admin manages
- Admin operations → Reseller approval & pricing: approves
- Admin operations → Warranty claims: handles
- Admin operations → Sales reporting: views
- Cart/order contracts → API contracts: uses
types/cart.ts - Order contract → API contracts: uses
types/order.ts - Voucher contract → API contracts: uses
types/voucher.ts - Review contract → API contracts: uses
types/review.ts - Review contract → Domain statuses: uses
types/review.ts - User contract → API contracts: uses
types/user.ts - User contract → Domain statuses: uses
types/user.ts