# nguyenthanhbinh056/cnpm-24ct2 architecture

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

- Interactive diagram: https://gitdiagram.com/nguyenthanhbinh056/cnpm-24ct2
- Repository: https://github.com/nguyenthanhbinh056/cnpm-24ct2

## Overview

This is a minimal React page that displays a Vietnamese welcome heading for the 24CT2 course. The sampled source shows the page component and its mount call, but the HTML entry-point wiring was not sampled, so the graph is limited to those confirmed runtime relationships.

Main entry points: [`main.jsx`](https://github.com/nguyenthanhbinh056/cnpm-24ct2/blob/main/main.jsx) (Welcome page)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_browser(("Browser document"))
node_page["Welcome page<br/>[main.jsx]"]
node_reactdom["React DOM"]

node_page -->|"selects root"| node_browser
node_page -->|"mounts UI"| node_reactdom
node_reactdom -->|"renders into"| node_browser

click node_page "https://github.com/nguyenthanhbinh056/cnpm-24ct2/blob/main/main.jsx"

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_browser toneBlue
class node_page toneTeal
class node_reactdom toneIndigo
```

## Components

### Other components

- **Browser document**
- [Welcome page](https://github.com/nguyenthanhbinh056/cnpm-24ct2/blob/main/main.jsx): `main.jsx`
- **React DOM**

## Connections

- Welcome page → Browser document: selects root
- Welcome page → React DOM: mounts UI
- React DOM → Browser document: renders into