How yyunii/web-loops works
LOOPS is a browser-based storefront. Shoppers browse and filter products, add items to a cart, adjust quantities, review shipping and totals, then enter delivery details and choose payment to create an order confirmation. The sampled script shows these behaviors are client-side only; no backend payment or order service is evident. The HTML and styling are represented from the file tree, but their contents were not sampled, so specific UI wiring is not asserted.
Main entry points: index.html Storefront page · script.js Cart totals · style.css Page styling
Components 10
Storefront
- Storefront page
index.html - Product filtering
script.js - Page styling
style.css
Cart
- Cart state
script.js - Cart actions
script.js - Cart totals
script.js - Cart display
script.js
Checkout
- Checkout summary
script.js - Order processing
script.js
Other components
- Shopper
Connections 11
- Shopper → Storefront page: uses
- Storefront page → Product filtering: filters products
- Storefront page → Cart actions: changes quantities
- Storefront page → Order processing: submits order
- Cart actions → Cart state: updates
- Cart state → Cart totals: provides items
- Cart totals → Cart display: refreshes
- Cart totals → Checkout summary: refreshes
- Order processing → Cart state: clears after confirmation
- Order processing → Cart totals: refreshes
- Storefront page → Page styling: styled by