How alif-faiq/eduwork-bootcamp-10 works
This repository contains sequential front-end exercise pages; its most application-like example is a client-side product storefront in session 5. The visible workflow is browsing and filtering a product catalog, viewing product details, and managing a shopping cart. The graph focuses on that runtime example; earlier sessions are standalone HTML/CSS exercises. Some wiring is omitted because the HTML files and much of the JavaScript were not sampled.
Main entry points: script.js Storefront behavior · index.html Storefront page · style.css Storefront styles · products.js Product data
Components 10
Storefront UI
- Storefront page
sesi-5-javascript/index.html - Storefront styles
sesi-5-javascript/style.css - Storefront behavior
sesi-5-javascript/script.js
Product Catalog
- Product data
sesi-5-javascript/products.js - Filter and sort
sesi-5-javascript/script.js - Catalog and details
sesi-5-javascript/script.js
Shopping State
- Cart state
sesi-5-javascript/script.js - Cart display
sesi-5-javascript/script.js - Toast feedback
sesi-5-javascript/script.js
Other components
- Shopper
Connections 11
- Shopper → Storefront page: uses
- Storefront page → Storefront styles: styled by
- Storefront page → Storefront behavior: interacts through
- Storefront behavior → Product data: reads products
- Storefront behavior → Filter and sort: handles filters
- Filter and sort → Catalog and details: renders results
- Storefront behavior → Catalog and details: renders views
- Storefront behavior → Cart state: updates cart
- Cart state → Cart display: refreshes display
- Storefront behavior → Cart display: initializes display
- Cart state → Toast feedback: shows feedback