# gumiho0812/doan_banquanao architecture

> Architecture diagram of the GitHub repository gumiho0812/doan_banquanao, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/gumiho0812/doan_banquanao
- Repository: https://github.com/gumiho0812/doan_banquanao

## Overview

This tree indicates a static apparel storefront with catalog, account, purchase-history, and informational pages. The matching page scripts and JSON data suggest client-side behavior and local data resources, but no README or source excerpts establish which pages load which scripts, how the data is used, or the exact customer workflow. The graph therefore maps the visible product capabilities without asserting runtime connections.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_storefront["Storefront"]
  node_home["Home page<br/>[index.html]"]
  node_homejs["Home behavior<br/>[index.js]"]
  node_products["Product catalog<br/>[products.html]"]
  node_productsjs["Catalog behavior<br/>[products.js]"]
  node_tips["Style tips<br/>[tips.html]"]
  node_tipsjs["Tips behavior<br/>[tips.js]"]
end

subgraph group_account["Account"]
  node_login["Login page<br/>[login.html]"]
  node_register["Registration page<br/>[register.html]"]
  node_authjs["Authentication behavior<br/>[auth.js]"]
  node_loginjs["Login behavior<br/>[login-page.js]"]
  node_registerjs["Registration behavior<br/>[register-page.js]"]
  node_history["Purchase history"]
  node_historyjs["History behavior"]
end

subgraph group_information["Information"]
  node_about["About page<br/>[about.html]"]
  node_aboutjs["About behavior<br/>[about.js]"]
  node_contact["Contact page<br/>[contact.html]"]
  node_contactjs["Contact behavior<br/>[contact.js]"]
  node_refund["Refund policy<br/>[refund-policy.html]"]
  node_shipping["Shipping policy"]
end

subgraph group_data["Data resources"]
  node_productdata["Product data<br/>[product.json]"]
  node_productsdata["Products data<br/>[products.json]"]
  node_userdata["User data<br/>[user.json]"]
  node_userlogs["User activity data<br/>[user_log.json]"]
end

node_customer(("Shopper"))

click node_home "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/index.html"
click node_homejs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/index.js"
click node_products "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/products.html"
click node_productsjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/products.js"
click node_tips "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/tips.html"
click node_tipsjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/tips.js"
click node_login "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/login.html"
click node_register "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/register.html"
click node_authjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/auth.js"
click node_loginjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/login-page.js"
click node_registerjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/register-page.js"
click node_history "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/purchase-history.html"
click node_historyjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/purchase-history.js"
click node_about "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/about.html"
click node_aboutjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/about.js"
click node_contact "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/contact.html"
click node_contactjs "https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/contact.js"
click node_refund "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/refund-policy.html"
click node_shipping "https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/shipping-policy.html"
click node_productdata "https://github.com/gumiho0812/doan_banquanao/blob/main/data/product.json"
click node_productsdata "https://github.com/gumiho0812/doan_banquanao/blob/main/data/products.json"
click node_userdata "https://github.com/gumiho0812/doan_banquanao/blob/main/data/user.json"
click node_userlogs "https://github.com/gumiho0812/doan_banquanao/blob/main/data/user_log.json"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_home,node_homejs,node_products,node_productsjs,node_tips,node_tipsjs toneBlue
class node_login,node_register,node_authjs,node_loginjs,node_registerjs,node_history,node_historyjs toneAmber
class node_about,node_aboutjs,node_contact,node_contactjs,node_refund,node_shipping toneMint
class node_productdata,node_productsdata,node_userdata,node_userlogs toneRose
class node_customer toneIndigo
```

## Components

### Storefront

- [Home page](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/index.html): `TEN_DU_AN_QUAN_AO_STATIC/index.html`
- [Home behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/index.js): `assets/js/index.js`
- [Product catalog](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/products.html): `TEN_DU_AN_QUAN_AO_STATIC/products.html`
- [Catalog behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/products.js): `assets/js/products.js`
- [Style tips](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/tips.html): `TEN_DU_AN_QUAN_AO_STATIC/tips.html`
- [Tips behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/tips.js): `assets/js/tips.js`

### Account

- [Login page](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/login.html): `TEN_DU_AN_QUAN_AO_STATIC/login.html`
- [Registration page](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/register.html): `TEN_DU_AN_QUAN_AO_STATIC/register.html`
- [Authentication behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/auth.js): `assets/js/auth.js`
- [Login behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/login-page.js): `assets/js/login-page.js`
- [Registration behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/register-page.js): `assets/js/register-page.js`
- [Purchase history](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/purchase-history.html): `TEN_DU_AN_QUAN_AO_STATIC/purchase-history.html`
- [History behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/purchase-history.js): `assets/js/purchase-history.js`

### Information

- [About page](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/about.html): `TEN_DU_AN_QUAN_AO_STATIC/about.html`
- [About behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/about.js): `assets/js/about.js`
- [Contact page](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/contact.html): `TEN_DU_AN_QUAN_AO_STATIC/contact.html`
- [Contact behavior](https://github.com/gumiho0812/doan_banquanao/blob/main/assets/js/contact.js): `assets/js/contact.js`
- [Refund policy](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/refund-policy.html): `TEN_DU_AN_QUAN_AO_STATIC/refund-policy.html`
- [Shipping policy](https://github.com/gumiho0812/doan_banquanao/blob/main/TEN_DU_AN_QUAN_AO_STATIC/shipping-policy.html): `TEN_DU_AN_QUAN_AO_STATIC/shipping-policy.html`

### Data resources

- [Product data](https://github.com/gumiho0812/doan_banquanao/blob/main/data/product.json): `data/product.json`
- [Products data](https://github.com/gumiho0812/doan_banquanao/blob/main/data/products.json): `data/products.json`
- [User data](https://github.com/gumiho0812/doan_banquanao/blob/main/data/user.json): `data/user.json`
- [User activity data](https://github.com/gumiho0812/doan_banquanao/blob/main/data/user_log.json): `data/user_log.json`

### Other components

- **Shopper**