# jennard22/accounting-management-system architecture

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

- Interactive diagram: https://gitdiagram.com/jennard22/accounting-management-system
- Repository: https://github.com/jennard22/accounting-management-system

## Overview

This is a browser-based bookkeeping app for maintaining accounts, recording journal entries, and viewing financial statements. The principal workflow is to configure accounts, enter balanced debits and credits, then review calculated reports. The excerpt shows Supabase setup and writes, journal validation, and report calculations; loading details and some UI wiring are omitted, so those relationships are not inferred.

Main entry points: [`script.js`](https://github.com/jennard22/accounting-management-system/blob/main/script.js) (Chart of accounts)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["Browser app"]
  node_startup["Startup and navigation<br/>[script.js]"]
end

subgraph group_accounting["Bookkeeping"]
  node_accounts["Chart of accounts<br/>[script.js]"]
  node_journal["Journal entries<br/>[script.js]"]
end

subgraph group_reporting["Financial reports"]
  node_reportcalc["Statement calculations<br/>[script.js]"]
  node_reportviews["Statement views<br/>[script.js]"]
end

node_user(("Bookkeeper"))
node_supabase[("Supabase database")]

node_user -->|"opens app"| node_startup
node_startup -->|"shows page"| node_accounts
node_accounts -->|"inserts account"| node_supabase
node_journal -->|"writes entries"| node_supabase
node_journal -->|"uses accounts"| node_accounts
node_reportviews -->|"requests totals"| node_reportcalc

click node_startup "https://github.com/jennard22/accounting-management-system/blob/main/script.js"
click node_accounts "https://github.com/jennard22/accounting-management-system/blob/main/script.js"
click node_journal "https://github.com/jennard22/accounting-management-system/blob/main/script.js"
click node_reportcalc "https://github.com/jennard22/accounting-management-system/blob/main/script.js"
click node_reportviews "https://github.com/jennard22/accounting-management-system/blob/main/script.js"

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_startup toneBlue
class node_accounts,node_journal,node_supabase toneAmber
class node_reportcalc,node_reportviews toneMint
class node_user toneIndigo
```

## Components

### Browser app

- [Startup and navigation](https://github.com/jennard22/accounting-management-system/blob/main/script.js): `script.js`

### Bookkeeping

- [Chart of accounts](https://github.com/jennard22/accounting-management-system/blob/main/script.js): `script.js`
- [Journal entries](https://github.com/jennard22/accounting-management-system/blob/main/script.js): `script.js`

### Financial reports

- [Statement calculations](https://github.com/jennard22/accounting-management-system/blob/main/script.js): `script.js`
- [Statement views](https://github.com/jennard22/accounting-management-system/blob/main/script.js): `script.js`

### Other components

- **Bookkeeper**
- **Supabase database**

## Connections

- Bookkeeper → Startup and navigation: opens app (evidence: `script.js`)
- Startup and navigation → Chart of accounts: shows page (evidence: `script.js`)
- Chart of accounts → Supabase database: inserts account (evidence: `script.js`)
- Journal entries → Supabase database: writes entries (evidence: `script.js`)
- Journal entries → Chart of accounts: uses accounts (evidence: `script.js`)
- Statement views → Statement calculations: requests totals (evidence: `script.js`)