# swissmint/my-tintenherz-quiz architecture

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

- Interactive diagram: https://gitdiagram.com/swissmint/my-tintenherz-quiz
- Repository: https://github.com/swissmint/my-tintenherz-quiz

## Overview

Tintenherz-Quiz is a small, browser-based fan quiz about the book Inkheart. The user opens quiz.html, answers the questions rendered by script.js, and sees a final score with an option to play again. The JavaScript excerpt shows the question, answer-selection, scoring, and restart behavior; the HTML and CSS were not sampled, so their specific structure and wiring are not asserted.

Main entry points: [`Tintenherz-Quiz/quiz.html`](https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/quiz.html) (Quiz page), [`Tintenherz-Quiz/script.js`](https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/script.js) (Quiz logic)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_quiz["Quiz runtime"]
  node_quiz_page["Quiz page<br/>[quiz.html]"]
  node_quiz_logic["Quiz logic<br/>[script.js]"]
  node_quiz_styles["Quiz styles<br/>[style.css]"]
end

node_player(("Player"))

node_player -->|"opens"| node_quiz_page
node_quiz_logic -->|"updates quiz UI"| node_quiz_page

click node_quiz_page "https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/quiz.html"
click node_quiz_logic "https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/script.js"
click node_quiz_styles "https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/style.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_quiz_page,node_quiz_logic,node_quiz_styles toneBlue
class node_player toneIndigo
```

## Components

### Quiz runtime

- [Quiz page](https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/quiz.html): `Tintenherz-Quiz/quiz.html`
- [Quiz logic](https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/script.js): `Tintenherz-Quiz/script.js`
- [Quiz styles](https://github.com/swissmint/my-tintenherz-quiz/blob/main/Tintenherz-Quiz/style.css): `Tintenherz-Quiz/style.css`

### Other components

- **Player**

## Connections

- Player → Quiz page: opens (evidence: `README.md`)
- Quiz logic → Quiz page: updates quiz UI (evidence: `Tintenherz-Quiz/script.js`)