# zhirogg/invoice-generator architecture

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

## Overview

Invoice Generator is a single-file, client-side invoice editor. Users customize an invoice in the browser, where drafts autosave to local storage, then export through the browser’s print-to-PDF flow. The README documents these capabilities and relationships; no source excerpts were available to verify implementation details.

Main entry points: [`index.html`](https://github.com/zhirogg/invoice-generator/blob/main/index.html) (Invoice editor)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_user(("Invoice creator"))
node_editor["Invoice editor<br/>[index.html]"]
node_branding["Logos and QR<br/>[index.html]"]
node_payment["Payment banner<br/>[index.html]"]
node_totals["Totals and balance<br/>[index.html]"]
node_details["Notes and terms<br/>[index.html]"]
node_appearance["Themes and sizing<br/>[index.html]"]
node_draft[("Draft storage")]
node_pdf["Print to PDF"]

node_user -->|"edits directly"| node_editor
node_editor -->|"customizes"| node_branding
node_editor -->|"configures"| node_payment
node_editor -->|"adjusts"| node_totals
node_editor -->|"edits"| node_details
node_editor -->|"customizes"| node_appearance
node_editor -->|"autosaves"| node_draft
node_editor -->|"prints invoice"| node_pdf

click node_editor "https://github.com/zhirogg/invoice-generator/blob/main/index.html"
click node_branding "https://github.com/zhirogg/invoice-generator/blob/main/index.html"
click node_payment "https://github.com/zhirogg/invoice-generator/blob/main/index.html"
click node_totals "https://github.com/zhirogg/invoice-generator/blob/main/index.html"
click node_details "https://github.com/zhirogg/invoice-generator/blob/main/index.html"
click node_appearance "https://github.com/zhirogg/invoice-generator/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_user,node_pdf toneIndigo
class node_editor,node_branding,node_payment,node_totals,node_details,node_appearance toneTeal
class node_draft toneAmber
```

## Components

### Other components

- **Invoice creator**
- [Invoice editor](https://github.com/zhirogg/invoice-generator/blob/main/index.html): `index.html`
- [Logos and QR](https://github.com/zhirogg/invoice-generator/blob/main/index.html): `index.html`
- [Payment banner](https://github.com/zhirogg/invoice-generator/blob/main/index.html): `index.html`
- [Totals and balance](https://github.com/zhirogg/invoice-generator/blob/main/index.html): `index.html`
- [Notes and terms](https://github.com/zhirogg/invoice-generator/blob/main/index.html): `index.html`
- [Themes and sizing](https://github.com/zhirogg/invoice-generator/blob/main/index.html): `index.html`
- **Draft storage**
- **Print to PDF**

## Connections

- Invoice creator → Invoice editor: edits directly (evidence: `README.md`)
- Invoice editor → Logos and QR: customizes (evidence: `README.md`)
- Invoice editor → Payment banner: configures (evidence: `README.md`)
- Invoice editor → Totals and balance: adjusts (evidence: `README.md`)
- Invoice editor → Notes and terms: edits (evidence: `README.md`)
- Invoice editor → Themes and sizing: customizes (evidence: `README.md`)
- Invoice editor → Draft storage: autosaves (evidence: `README.md`)
- Invoice editor → Print to PDF: prints invoice (evidence: `README.md`)