# cyhuwu/missouri-qual-view architecture

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

- Interactive diagram: https://gitdiagram.com/cyhuwu/missouri-qual-view
- Repository: https://github.com/cyhuwu/missouri-qual-view

## Overview

This is a small static web app with a browser-side login and page-access flow. The sampled `auth.js` checks credentials, records authentication in session storage, gates protected content, and navigates to the access and qualification pages. The HTML files and styling were not sampled, so their detailed roles and how they load the script cannot be confirmed; the graph shows only relationships visible in `auth.js`.

Main entry points: [`auth.js`](https://github.com/cyhuwu/missouri-qual-view/blob/main/auth.js) (Auth logic), [`access.html`](https://github.com/cyhuwu/missouri-qual-view/blob/main/access.html) (Access page), [`addqual.html`](https://github.com/cyhuwu/missouri-qual-view/blob/main/addqual.html) (Add qualification)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_web_app["Browser app"]
  node_auth["Auth logic<br/>[auth.js]"]
  node_access_page["Access page<br/>[access.html]"]
  node_addqual_page["Add qualification<br/>[addqual.html]"]
  node_home_page["Home page<br/>[index.html]"]
  node_styles["Stylesheet<br/>[styles.css]"]
end

node_user(("User"))
node_session[("Session storage")]

node_user -->|"submits login"| node_auth
node_auth -->|"reads and writes"| node_session
node_auth -->|"redirects to"| node_access_page
node_auth -->|"navigates to"| node_addqual_page

click node_auth "https://github.com/cyhuwu/missouri-qual-view/blob/main/auth.js"
click node_access_page "https://github.com/cyhuwu/missouri-qual-view/blob/main/access.html"
click node_addqual_page "https://github.com/cyhuwu/missouri-qual-view/blob/main/addqual.html"
click node_home_page "https://github.com/cyhuwu/missouri-qual-view/blob/main/index.html"
click node_styles "https://github.com/cyhuwu/missouri-qual-view/blob/main/styles.css"

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_auth,node_access_page,node_addqual_page,node_home_page,node_styles,node_user toneBlue
class node_session toneAmber
```

## Components

### Browser app

- [Auth logic](https://github.com/cyhuwu/missouri-qual-view/blob/main/auth.js): `auth.js`
- [Access page](https://github.com/cyhuwu/missouri-qual-view/blob/main/access.html): `access.html`
- [Add qualification](https://github.com/cyhuwu/missouri-qual-view/blob/main/addqual.html): `addqual.html`
- [Home page](https://github.com/cyhuwu/missouri-qual-view/blob/main/index.html): `index.html`
- [Stylesheet](https://github.com/cyhuwu/missouri-qual-view/blob/main/styles.css): `styles.css`

### Other components

- **User**
- **Session storage**

## Connections

- User → Auth logic: submits login (evidence: `auth.js`)
- Auth logic → Session storage: reads and writes (evidence: `auth.js`)
- Auth logic → Access page: redirects to (evidence: `auth.js`)
- Auth logic → Add qualification: navigates to (evidence: `auth.js`)