# taolaacquy/website-quan_ly_vuon_uom_cay_giong architecture

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

- Interactive diagram: https://gitdiagram.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong
- Repository: https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong

## Overview

Vườn Ươm Xanh is a seedling-nursery storefront with an admin workspace for nursery operations. The customer path is browsing plant information, building a cart, and viewing a bank-transfer checkout; the sampled checkout handles proof locally and does not show an order submission. The admin view manages nursery lots and includes care, orders, pricing, staff, and revenue sections, though much of that data is sample state. The backend also exposes registration, login, plant, lot, and order APIs. Several view excerpts and the README are sparse, so uncertain frontend-to-API wiring is omitted.

Main entry points: [`vue-vuehuynhcongthu/src/router/index.ts`](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/router/index.ts) (Route dispatch), [`vue-vuehuynhcongthu/backend/api/index.php`](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/backend/api/index.php) (PHP API routes), [`vue-vuehuynhcongthu/src/main.ts`](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/main.ts) (Vue bootstrap), [`vue-vuehuynhcongthu/src/App.vue`](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/App.vue) (App shell)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["Application entry"]
  node_bootstrap["Vue bootstrap<br/>[main.ts]"]
  node_app["App shell<br/>[App.vue]"]
  node_router["Route dispatch<br/>[index.ts]"]
end

subgraph group_customer["Customer storefront"]
  node_login["Login view<br/>[Login.vue]"]
  node_register["Registration view<br/>[Register.vue]"]
  node_home["Plant storefront<br/>[Home.vue]"]
  node_cart["Cart and checkout<br/>[Home.vue]"]
end

subgraph group_admin["Nursery administration"]
  node_admin_view["Admin workspace<br/>[Admin.vue]"]
end

subgraph group_backend["Backend and data"]
  node_api_client["API client<br/>[api.ts]"]
  node_api["PHP API routes<br/>[index.php]"]
  node_db_config["Database connection<br/>[config.php]"]
  node_store[("Nursery data store<br/>[vuon_uom_xanh.sql]")]
end

node_customer_actor(("Customer"))
node_admin_actor(("Nursery administrator"))

node_customer_actor -->|"opens pages"| node_router
node_admin_actor -->|"opens pages"| node_router
node_bootstrap -->|"mounts"| node_app
node_bootstrap -->|"installs"| node_router
node_app -->|"renders routes"| node_router
node_router -->|"dispatches"| node_login
node_router -->|"dispatches"| node_register
node_router -->|"dispatches"| node_home
node_router -->|"dispatches"| node_admin_view
node_home -->|"opens checkout"| node_cart
node_admin_view -->|"requests lot data"| node_api_client
node_api_client -->|"sends HTTP requests"| node_api
node_api -->|"opens connection"| node_db_config
node_db_config -->|"connects to"| node_store
node_api -->|"reads and writes"| node_store

click node_bootstrap "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/main.ts"
click node_app "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/App.vue"
click node_router "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/router/index.ts"
click node_login "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Login.vue"
click node_register "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Register.vue"
click node_home "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Home.vue"
click node_cart "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Home.vue"
click node_admin_view "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Admin.vue"
click node_api_client "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/services/api.ts"
click node_api "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/backend/api/index.php"
click node_db_config "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/backend/api/config.php"
click node_store "https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/database/vuon_uom_xanh.sql"

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_bootstrap,node_app,node_router toneBlue
class node_login,node_register,node_home,node_cart toneAmber
class node_admin_view toneMint
class node_api_client,node_api,node_db_config,node_store toneRose
class node_customer_actor,node_admin_actor toneIndigo
```

## Components

### Application entry

- [Vue bootstrap](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/main.ts): `vue-vuehuynhcongthu/src/main.ts`
- [App shell](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/App.vue): `vue-vuehuynhcongthu/src/App.vue`
- [Route dispatch](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/router/index.ts): `vue-vuehuynhcongthu/src/router/index.ts`

### Customer storefront

- [Login view](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Login.vue): `vue-vuehuynhcongthu/src/views/Login.vue`
- [Registration view](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Register.vue): `vue-vuehuynhcongthu/src/views/Register.vue`
- [Plant storefront](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Home.vue): `vue-vuehuynhcongthu/src/views/Home.vue`
- [Cart and checkout](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Home.vue): `vue-vuehuynhcongthu/src/views/Home.vue`

### Nursery administration

- [Admin workspace](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/views/Admin.vue): `vue-vuehuynhcongthu/src/views/Admin.vue`

### Backend and data

- [API client](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/src/services/api.ts): `vue-vuehuynhcongthu/src/services/api.ts`
- [PHP API routes](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/backend/api/index.php): `vue-vuehuynhcongthu/backend/api/index.php`
- [Database connection](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/backend/api/config.php): `vue-vuehuynhcongthu/backend/api/config.php`
- [Nursery data store](https://github.com/taolaacquy/website-quan_ly_vuon_uom_cay_giong/blob/main/vue-vuehuynhcongthu/database/vuon_uom_xanh.sql): `vue-vuehuynhcongthu/database/vuon_uom_xanh.sql`

### Other components

- **Customer**
- **Nursery administrator**

## Connections

- Customer → Route dispatch: opens pages
- Nursery administrator → Route dispatch: opens pages
- Vue bootstrap → App shell: mounts
- Vue bootstrap → Route dispatch: installs
- App shell → Route dispatch: renders routes
- Route dispatch → Login view: dispatches
- Route dispatch → Registration view: dispatches
- Route dispatch → Plant storefront: dispatches
- Route dispatch → Admin workspace: dispatches
- Plant storefront → Cart and checkout: opens checkout
- Admin workspace → API client: requests lot data
- API client → PHP API routes: sends HTTP requests
- PHP API routes → Database connection: opens connection
- Database connection → Nursery data store: connects to
- PHP API routes → Nursery data store: reads and writes