How mabwh/kheirbaladna-e-commerce works
KheirBaladna is a browser-based storefront for local Upper Egyptian products. The visible workflow is account registration or login, product browsing with price/category filters and pagination, then product-detail navigation or adding items to a user’s cart. Account and cart state are kept in browser storage; the tree also includes account, cart, contact, and order-success pages. The README identifies the product but gives little implementation detail, and several page implementations were not sampled, so uncertain checkout and page-to-page wiring is omitted.
Main entry points: components.js Navbar components · pagination.js Catalog browser · shop.html Shop page · register&login.js Register and login
Components 19
Storefront
- Home page
index.html - Shop page
shop.html - Catalog browser
js/pagination.js - Product details
product.html - Product catalog
js/ShopDB.json - Promotional slider
js/slider.js
Accounts
- Registration page
register.html - Register and login
js/register&login.js - Account page
account.html - Auth utilities
js/auth.js - Browser storage
Shopping
- Cart page
cart.html - Cart model
js/classes.js - Order success
orderSuccess.html
Shared UI
- Navbar components
js/components.js - Contact page
contactUs.html - Footer components
js/components.js - Back-to-top UI
js/components.js
Other components
- Shopper
Connections 25
- Shopper → Home page: opens
- Shopper → Registration page: registers
- Shopper → Shop page: browses
- Register and login → Browser storage: stores users
- Register and login → Cart model: creates user
- Register and login → Shop page: redirects on login
- Catalog browser → Product catalog: fetches
- Catalog browser → Shop page: renders products
- Catalog browser → Browser storage: stores cart and product
- Catalog browser → Product details: navigates to
- Cart model → Browser storage: persists with
- Navbar components → Auth utilities: checks user
- Navbar components → Browser storage: reads cart
- Navbar components → Shop page: links to
- Navbar components → Contact page: links to
- Navbar components → Cart page: links to
- Navbar components → Account page: links to
- Auth utilities → Browser storage: reads and writes
- Home page → Promotional slider: uses
- Shopper → Cart page: opens
- Shopper → Order success: opens
- Shopper → Account page: opens
- Shopper → Contact page: opens
- Shopper → Footer components: views
- Shopper → Back-to-top UI: uses