How gidensmike/assignment works
This is a static browser-based showcase of frontend assignments, with a landing page linking to portfolio interactions, four data-oriented dashboards, a shopping cart, and a development guide. Users navigate to a project, interact with forms or controls, and see calculated or rendered results in that page. The sampled scripts show browser-local state rather than a backend; the cart, student and library data are kept in memory, while theme selection persists in localStorage. Other page-level capabilities are represented from filenames and available excerpts; wiring for unsampled pages is not inferred.
Main entry points: main.js Shared navigation · portfolio.html Portfolio page · supermarket.html Checkout dashboard · student.html Student dashboard
Components 17
Showcase shell
- Project landing
index.html - Shared navigation
js/main.js - Theme preference
js/theme.js
Portfolio experience
- Portfolio page
portfolio.html - Portfolio interactions
js/portfolio.js
Assignment dashboards
- Checkout dashboard
supermarket.html - Checkout calculations
js/supermarket.js - Student dashboard
student.html - Student management
js/student.js - Library dashboard
library.html - Library management
js/library.js - Shopping cart
cart.html - Cart operations
js/cart.js
Development guide
- Development guide
guide.html - Guide interactions
js/guide.js
Other components
- Visitor
- Browser localStorage
Connections 22
- Visitor → Project landing: opens
- Visitor → Portfolio page: opens
- Visitor → Checkout dashboard: opens
- Visitor → Student dashboard: opens
- Visitor → Library dashboard: opens
- Visitor → Shopping cart: opens
- Visitor → Development guide: opens
- Project landing → Shared navigation: loads shared UI
- Portfolio page → Shared navigation: loads shared UI
- Checkout dashboard → Shared navigation: loads shared UI
- Student dashboard → Shared navigation: loads shared UI
- Library dashboard → Shared navigation: loads shared UI
- Shopping cart → Shared navigation: loads shared UI
- Development guide → Shared navigation: loads shared UI
- Shared navigation → Theme preference: wires toggle
- Theme preference → Browser localStorage: reads and writes
- Portfolio page → Portfolio interactions: loads behavior
- Checkout dashboard → Checkout calculations: loads behavior
- Student dashboard → Student management: loads behavior
- Library dashboard → Library management: loads behavior
- Shopping cart → Cart operations: loads behavior
- Development guide → Guide interactions: loads behavior