# hungle0108/ivitech architecture

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

- Interactive diagram: https://gitdiagram.com/hungle0108/ivitech
- Repository: https://github.com/hungle0108/ivitech

## Overview

iViTech is a static corporate website presenting its digital-transformation services and product portfolio. Visitors explore the home-page simulator, compare organizational challenges and solution roadmaps, review product pages and videos, then use the inquiry form. The repository also includes company/profile and informational pages. The graph captures these documented experiences and the sampled JavaScript interaction layer; it does not assume unsampled HTML wiring or a server-side lead-processing system.

Main entry points: [`index.html`](https://github.com/hungle0108/ivitech/blob/main/index.html) (Home page), [`profile.html`](https://github.com/hungle0108/ivitech/blob/main/profile.html) (Company profile), [`chinh-sach-bao-mat.html`](https://github.com/hungle0108/ivitech/blob/main/chinh-sach-bao-mat.html) (Policy pages), [`js/main.js`](https://github.com/hungle0108/ivitech/blob/main/js/main.js) (Page interactions)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Website experience"]
  node_home["Home page<br/>[index.html]"]
  node_profile["Company profile<br/>[profile.html]"]
  node_legal["Policy pages"]
end

subgraph group_interactions["Interactive features"]
  node_interactions["Page interactions<br/>[main.js]"]
  node_simdata["Simulator scenarios<br/>[simulator-data.js]"]
end

subgraph group_catalog["Product catalog"]
  node_products["Product pages"]
  node_smartivier["Smart iVier"]
  node_ivihrm["iViHRM"]
  node_education["Education products"]
  node_digitization["Digitization"]
  node_displays["Interactive displays"]
  node_nexta["Nexta<br/>[product-nexta.html]"]
  node_ivivi["iViVi<br/>[product-ivivi.html]"]
end

subgraph group_media["Video experience"]
  node_videosdata["Video catalog<br/>[videos-data.js]"]
  node_fallback["File video fallback<br/>[yt-fallback.js]"]
end

node_visitor(("Visitor"))
node_youtube(("YouTube"))

node_visitor -->|"visits"| node_home
node_home -->|"enables interactions"| node_interactions
node_visitor -->|"views"| node_profile
node_visitor -->|"views"| node_legal
node_visitor -->|"explores products"| node_products
node_visitor -->|"views"| node_smartivier
node_visitor -->|"views"| node_ivihrm
node_visitor -->|"views"| node_education
node_visitor -->|"views"| node_digitization
node_visitor -->|"views"| node_displays
node_visitor -->|"views"| node_nexta
node_visitor -->|"views"| node_ivivi
node_visitor -->|"opens video"| node_youtube

click node_home "https://github.com/hungle0108/ivitech/blob/main/index.html"
click node_profile "https://github.com/hungle0108/ivitech/blob/main/profile.html"
click node_legal "https://github.com/hungle0108/ivitech/blob/main/chinh-sach-bao-mat.html"
click node_products "https://github.com/hungle0108/ivitech/blob/main/product-smart-ivier.html"
click node_smartivier "https://github.com/hungle0108/ivitech/blob/main/product-smart-ivier.html"
click node_ivihrm "https://github.com/hungle0108/ivitech/blob/main/product-ivihrm.html"
click node_education "https://github.com/hungle0108/ivitech/blob/main/product-smart-study-2.html"
click node_digitization "https://github.com/hungle0108/ivitech/blob/main/product-digitization.html"
click node_displays "https://github.com/hungle0108/ivitech/blob/main/product-interactive-displays.html"
click node_nexta "https://github.com/hungle0108/ivitech/blob/main/product-nexta.html"
click node_ivivi "https://github.com/hungle0108/ivitech/blob/main/product-ivivi.html"
click node_interactions "https://github.com/hungle0108/ivitech/blob/main/js/main.js"
click node_simdata "https://github.com/hungle0108/ivitech/blob/main/js/simulator-data.js"
click node_videosdata "https://github.com/hungle0108/ivitech/blob/main/js/videos-data.js"
click node_fallback "https://github.com/hungle0108/ivitech/blob/main/js/yt-fallback.js"

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_profile,node_legal toneBlue
class node_interactions,node_simdata toneAmber
class node_products,node_smartivier,node_ivihrm,node_education,node_digitization,node_displays,node_nexta,node_ivivi toneMint
class node_videosdata,node_fallback toneRose
class node_visitor,node_youtube toneIndigo
```

## Components

### Website experience

- [Home page](https://github.com/hungle0108/ivitech/blob/main/index.html): `index.html`
- [Company profile](https://github.com/hungle0108/ivitech/blob/main/profile.html): `profile.html`
- [Policy pages](https://github.com/hungle0108/ivitech/blob/main/chinh-sach-bao-mat.html): `chinh-sach-bao-mat.html`

### Interactive features

- [Page interactions](https://github.com/hungle0108/ivitech/blob/main/js/main.js): `js/main.js`
- [Simulator scenarios](https://github.com/hungle0108/ivitech/blob/main/js/simulator-data.js): `js/simulator-data.js`

### Product catalog

- [Product pages](https://github.com/hungle0108/ivitech/blob/main/product-smart-ivier.html): `product-smart-ivier.html`
- [Smart iVier](https://github.com/hungle0108/ivitech/blob/main/product-smart-ivier.html): `product-smart-ivier.html`
- [iViHRM](https://github.com/hungle0108/ivitech/blob/main/product-ivihrm.html): `product-ivihrm.html`
- [Education products](https://github.com/hungle0108/ivitech/blob/main/product-smart-study-2.html): `product-smart-study-2.html`
- [Digitization](https://github.com/hungle0108/ivitech/blob/main/product-digitization.html): `product-digitization.html`
- [Interactive displays](https://github.com/hungle0108/ivitech/blob/main/product-interactive-displays.html): `product-interactive-displays.html`
- [Nexta](https://github.com/hungle0108/ivitech/blob/main/product-nexta.html): `product-nexta.html`
- [iViVi](https://github.com/hungle0108/ivitech/blob/main/product-ivivi.html): `product-ivivi.html`

### Video experience

- [Video catalog](https://github.com/hungle0108/ivitech/blob/main/js/videos-data.js): `js/videos-data.js`
- [File video fallback](https://github.com/hungle0108/ivitech/blob/main/js/yt-fallback.js): `js/yt-fallback.js`

### Other components

- **Visitor**
- **YouTube**

## Connections

- Visitor → Home page: visits (evidence: `README.md`)
- Home page → Page interactions: enables interactions (evidence: `README.md`)
- Visitor → Company profile: views (evidence: `README.md`)
- Visitor → Policy pages: views (evidence: `README.md`)
- Visitor → Product pages: explores products (evidence: `README.md`)
- Visitor → Smart iVier: views (evidence: `README.md`)
- Visitor → iViHRM: views (evidence: `README.md`)
- Visitor → Education products: views (evidence: `README.md`)
- Visitor → Digitization: views (evidence: `README.md`)
- Visitor → Interactive displays: views (evidence: `README.md`)
- Visitor → Nexta: views (evidence: `README.md`)
- Visitor → iViVi: views (evidence: `README.md`)
- Visitor → YouTube: opens video