# dau-trankhanhdong/dau-congnghephanmen architecture

> Architecture diagram of the GitHub repository dau-trankhanhdong/dau-congnghephanmen, 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/dau-trankhanhdong/dau-congnghephanmen
- Repository: https://github.com/dau-trankhanhdong/dau-congnghephanmen

## Overview

This is a React student-management app. The documented workflow is to view a dashboard or student list, search and manage student records, and see aggregate statistics; the README says records are held in React state, not a database. The tree contains only index.html and package metadata, and no application source was sampled, so the feature nodes and their wiring reflect README-level behavior rather than verified component boundaries. Responsive behavior is documented, but its implementation cannot be located more precisely.

Main entry points: [`index.html`](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html) (Student manager)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_ui["Student interface"]
  node_app["Student manager<br/>[index.html]"]
  node_dashboard["Dashboard<br/>[index.html]"]
  node_responsive["Responsive layout<br/>[index.html]"]
end

subgraph group_records["Student records"]
  node_student_list["Student list<br/>[index.html]"]
  node_search["Student search<br/>[index.html]"]
  node_record_actions["Add edit delete<br/>[index.html]"]
  node_student_state["React state<br/>[index.html]"]
end

subgraph group_analytics["Class analytics"]
  node_class_count["Class count<br/>[index.html]"]
  node_average_score["Average score<br/>[index.html]"]
  node_high_scorers["Scores at least 8.5<br/>[index.html]"]
end

node_user(("Student manager user"))

node_user -->|"uses"| node_app
node_app -->|"shows"| node_dashboard
node_app -->|"shows"| node_student_list
node_app -->|"offers"| node_search
node_app -->|"offers"| node_record_actions
node_record_actions -->|"updates"| node_student_state
node_student_list -->|"reads"| node_student_state
node_search -->|"filters"| node_student_state
node_dashboard -->|"shows"| node_class_count
node_dashboard -->|"shows"| node_average_score
node_dashboard -->|"shows"| node_high_scorers
node_class_count -->|"derives from"| node_student_state
node_average_score -->|"derives from"| node_student_state
node_high_scorers -->|"derives from"| node_student_state
node_app -->|"adapts to"| node_responsive

click node_app "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_dashboard "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_student_list "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_search "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_record_actions "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_student_state "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_class_count "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_average_score "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_high_scorers "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"
click node_responsive "https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html"

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_app,node_dashboard,node_responsive,node_user toneBlue
class node_student_list,node_search,node_record_actions,node_student_state toneAmber
class node_class_count,node_average_score,node_high_scorers toneMint
```

## Components

### Student interface

- [Student manager](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [Dashboard](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [Responsive layout](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`

### Student records

- [Student list](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [Student search](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [Add edit delete](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [React state](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`

### Class analytics

- [Class count](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [Average score](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`
- [Scores at least 8.5](https://github.com/dau-trankhanhdong/dau-congnghephanmen/blob/main/index.html): `index.html`

### Other components

- **Student manager user**

## Connections

- Student manager user → Student manager: uses
- Student manager → Dashboard: shows
- Student manager → Student list: shows
- Student manager → Student search: offers
- Student manager → Add edit delete: offers
- Add edit delete → React state: updates
- Student list → React state: reads
- Student search → React state: filters
- Dashboard → Class count: shows
- Dashboard → Average score: shows
- Dashboard → Scores at least 8.5: shows
- Class count → React state: derives from
- Average score → React state: derives from
- Scores at least 8.5 → React state: derives from
- Student manager → Responsive layout: adapts to