# ilhamryota/ryotaqc architecture

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

## Overview

RyotaQC is a static browser portal for laptop QC and maintenance learning. Visitors navigate its pages to read SOPs, use the running-test calculator, browse official vendor-driver references, and access quiz, tool, and PDF-guide listings. The README identifies battery decisions and four-step maintenance as core material. Available excerpts show configuration-driven page rendering and developer/maintenance view handling; the actual calculator wiring and page markup are not included, so those links are kept at the documented feature level.

Main entry points: [`script.js`](https://github.com/ilhamryota/ryotaqc/blob/main/script.js) (Page rendering), [`index.html`](https://github.com/ilhamryota/ryotaqc/blob/main/index.html) (Portal pages), [`content.js`](https://github.com/ilhamryota/ryotaqc/blob/main/content.js) (Site content), [`README.md`](https://github.com/ilhamryota/ryotaqc/blob/main/README.md) (Running test SOP)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portal["Portal runtime"]
  node_sitepages["Portal pages<br/>[index.html]"]
  node_runtime["Page rendering<br/>[script.js]"]
  node_content["Site content<br/>[content.js]"]
  node_maintenance["Maintenance view<br/>[script.js]"]
end

subgraph group_qc["QC learning"]
  node_running["Running test SOP<br/>[README.md]"]
  node_calculator["Result calculator<br/>[script.js]"]
  node_battery["Battery QC decision<br/>[README.md]"]
  node_maintenanceflow["Maintenance steps<br/>[README.md]"]
end

subgraph group_resources["Reference resources"]
  node_drivers["Official driver links<br/>[README.md]"]
  node_tools["RyotaQC V4 summary<br/>[content.js]"]
  node_guide["PDF guide"]
end

subgraph group_engagement["Learning extras"]
  node_articles["Articles<br/>[articles.html]"]
  node_information["Information<br/>[information.html]"]
  node_quiz["Quiz<br/>[quiz.html]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_sitepages
node_sitepages -->|"loads"| node_runtime
node_runtime -->|"reads config"| node_content
node_runtime -->|"selects view"| node_maintenance
node_visitor -->|"enters test result"| node_calculator
node_calculator -->|"applies SOP"| node_running
node_visitor -->|"learns decision"| node_battery
node_visitor -->|"follows steps"| node_maintenanceflow
node_visitor -->|"opens vendor links"| node_drivers
node_visitor -->|"browses tools"| node_tools
node_visitor -->|"opens guide"| node_guide
node_visitor -->|"reads"| node_articles
node_visitor -->|"browses"| node_information
node_visitor -->|"takes quiz"| node_quiz

click node_sitepages "https://github.com/ilhamryota/ryotaqc/blob/main/index.html"
click node_runtime "https://github.com/ilhamryota/ryotaqc/blob/main/script.js"
click node_content "https://github.com/ilhamryota/ryotaqc/blob/main/content.js"
click node_maintenance "https://github.com/ilhamryota/ryotaqc/blob/main/script.js"
click node_running "https://github.com/ilhamryota/ryotaqc/blob/main/README.md"
click node_calculator "https://github.com/ilhamryota/ryotaqc/blob/main/script.js"
click node_battery "https://github.com/ilhamryota/ryotaqc/blob/main/README.md"
click node_maintenanceflow "https://github.com/ilhamryota/ryotaqc/blob/main/README.md"
click node_drivers "https://github.com/ilhamryota/ryotaqc/blob/main/README.md"
click node_tools "https://github.com/ilhamryota/ryotaqc/blob/main/content.js"
click node_guide "https://github.com/ilhamryota/ryotaqc/blob/main/output/Tutorial-QC-RyotaQC.pdf"
click node_articles "https://github.com/ilhamryota/ryotaqc/blob/main/articles.html"
click node_information "https://github.com/ilhamryota/ryotaqc/blob/main/information.html"
click node_quiz "https://github.com/ilhamryota/ryotaqc/blob/main/quiz.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_sitepages,node_runtime,node_content,node_maintenance toneBlue
class node_running,node_calculator,node_battery,node_maintenanceflow toneAmber
class node_drivers,node_tools,node_guide toneMint
class node_articles,node_information,node_quiz toneRose
class node_visitor toneIndigo
```

## Components

### Portal runtime

- [Portal pages](https://github.com/ilhamryota/ryotaqc/blob/main/index.html): `index.html`
- [Page rendering](https://github.com/ilhamryota/ryotaqc/blob/main/script.js): `script.js`
- [Site content](https://github.com/ilhamryota/ryotaqc/blob/main/content.js): `content.js`
- [Maintenance view](https://github.com/ilhamryota/ryotaqc/blob/main/script.js): `script.js`

### QC learning

- [Running test SOP](https://github.com/ilhamryota/ryotaqc/blob/main/README.md): `README.md`
- [Result calculator](https://github.com/ilhamryota/ryotaqc/blob/main/script.js): `script.js`
- [Battery QC decision](https://github.com/ilhamryota/ryotaqc/blob/main/README.md): `README.md`
- [Maintenance steps](https://github.com/ilhamryota/ryotaqc/blob/main/README.md): `README.md`

### Reference resources

- [Official driver links](https://github.com/ilhamryota/ryotaqc/blob/main/README.md): `README.md`
- [RyotaQC V4 summary](https://github.com/ilhamryota/ryotaqc/blob/main/content.js): `content.js`
- [PDF guide](https://github.com/ilhamryota/ryotaqc/blob/main/output/Tutorial-QC-RyotaQC.pdf): `output/Tutorial-QC-RyotaQC.pdf`

### Learning extras

- [Articles](https://github.com/ilhamryota/ryotaqc/blob/main/articles.html): `articles.html`
- [Information](https://github.com/ilhamryota/ryotaqc/blob/main/information.html): `information.html`
- [Quiz](https://github.com/ilhamryota/ryotaqc/blob/main/quiz.html): `quiz.html`

### Other components

- **Visitor**

## Connections

- Visitor → Portal pages: opens
- Portal pages → Page rendering: loads
- Page rendering → Site content: reads config
- Page rendering → Maintenance view: selects view
- Visitor → Result calculator: enters test result
- Result calculator → Running test SOP: applies SOP
- Visitor → Battery QC decision: learns decision
- Visitor → Maintenance steps: follows steps
- Visitor → Official driver links: opens vendor links
- Visitor → RyotaQC V4 summary: browses tools
- Visitor → PDF guide: opens guide
- Visitor → Articles: reads
- Visitor → Information: browses
- Visitor → Quiz: takes quiz