# sntl84/metromate architecture

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

- Interactive diagram: https://gitdiagram.com/sntl84/metromate
- Repository: https://github.com/sntl84/metromate

## Overview

MetroMate is a static residential-parking tool with two documented workflows: residents submit trilingual vehicle registrations through WhatsApp, and committees maintain society-specific dashboards that summarize vehicles and parking capacity. The form, message preparation, and review are documented as browser-side capabilities; WhatsApp is the external submission channel. The dashboard dataset is edited manually, then its counts and deficit/surplus indicators update automatically. The README documents these relationships; no source excerpts were available to verify implementation details beyond that documentation.

Main entry points: [`SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html`](https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html) (Registration Form), [`SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html`](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html) (Resident Dataset), [`SNTL-2784-Gujarati-Coral-Heights-A-building-May-2026-Vehicle-Count.html`](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Gujarati-Coral-Heights-A-building-May-2026-Vehicle-Count.html) (Gujarati Dashboard), [`README.md`](https://github.com/sntl84/metromate/blob/main/README.md) (Monthly Audit)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_registration["Registration"]
  node_form["Registration Form"]
  node_vehicle_details["Vehicle Details"]
  node_validation["Form Validation"]
  node_review["Review Summary"]
  node_message["Message Preparation"]
end

subgraph group_committee["Committee Workflow"]
  node_audit["Monthly Audit<br/>[README.md]"]
end

subgraph group_dashboards["Parking Dashboards"]
  node_dashboard_data["Resident Dataset"]
  node_capacity["Capacity Calculator"]
  node_deficit["Capacity Status"]
  node_english_dashboard["English Dashboard"]
  node_gujarati_dashboard["Gujarati Dashboard"]
end

node_resident(("Resident"))
node_whatsapp["WhatsApp"]
node_committee_member(("Committee Member"))

node_resident -->|"opens"| node_form
node_form -->|"captures"| node_vehicle_details
node_form -->|"validates"| node_validation
node_form -->|"previews"| node_review
node_review -->|"formats"| node_message
node_message -->|"opens link"| node_whatsapp
node_whatsapp -->|"delivers message"| node_committee_member
node_committee_member -->|"updates"| node_dashboard_data
node_dashboard_data -->|"provides counts"| node_capacity
node_capacity -->|"calculates status"| node_deficit
node_dashboard_data -->|"renders"| node_english_dashboard
node_dashboard_data -->|"renders"| node_gujarati_dashboard
node_english_dashboard -->|"supports audit"| node_audit
node_gujarati_dashboard -->|"supports audit"| node_audit

click node_form "https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html"
click node_vehicle_details "https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html"
click node_validation "https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html"
click node_review "https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html"
click node_message "https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html"
click node_dashboard_data "https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html"
click node_capacity "https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html"
click node_deficit "https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html"
click node_english_dashboard "https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html"
click node_gujarati_dashboard "https://github.com/sntl84/metromate/blob/main/SNTL-2784-Gujarati-Coral-Heights-A-building-May-2026-Vehicle-Count.html"
click node_audit "https://github.com/sntl84/metromate/blob/main/README.md"

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_form,node_vehicle_details,node_validation,node_review,node_message toneBlue
class node_audit toneAmber
class node_dashboard_data,node_capacity,node_deficit,node_english_dashboard,node_gujarati_dashboard toneMint
class node_resident,node_whatsapp,node_committee_member toneIndigo
```

## Components

### Registration

- [Registration Form](https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html): `SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html`
- [Vehicle Details](https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html): `SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html`
- [Form Validation](https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html): `SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html`
- [Review Summary](https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html): `SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html`
- [Message Preparation](https://github.com/sntl84/metromate/blob/main/SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html): `SNTL-84-Coral-Hieghts-Vehicle-Registration-Form-Englsh-May-2026.html`

### Committee Workflow

- [Monthly Audit](https://github.com/sntl84/metromate/blob/main/README.md): `README.md`

### Parking Dashboards

- [Resident Dataset](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html): `SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html`
- [Capacity Calculator](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html): `SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html`
- [Capacity Status](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html): `SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html`
- [English Dashboard](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html): `SNTL-2784-Coral-Heights-A-building-May-2026-Vehicle-Count.html`
- [Gujarati Dashboard](https://github.com/sntl84/metromate/blob/main/SNTL-2784-Gujarati-Coral-Heights-A-building-May-2026-Vehicle-Count.html): `SNTL-2784-Gujarati-Coral-Heights-A-building-May-2026-Vehicle-Count.html`

### Other components

- **Resident**
- **WhatsApp**
- **Committee Member**

## Connections

- Resident → Registration Form: opens (evidence: `README.md`)
- Registration Form → Vehicle Details: captures (evidence: `README.md`)
- Registration Form → Form Validation: validates (evidence: `README.md`)
- Registration Form → Review Summary: previews (evidence: `README.md`)
- Review Summary → Message Preparation: formats (evidence: `README.md`)
- Message Preparation → WhatsApp: opens link (evidence: `README.md`)
- WhatsApp → Committee Member: delivers message (evidence: `README.md`)
- Committee Member → Resident Dataset: updates (evidence: `README.md`)
- Resident Dataset → Capacity Calculator: provides counts (evidence: `README.md`)
- Capacity Calculator → Capacity Status: calculates status (evidence: `README.md`)
- Resident Dataset → English Dashboard: renders (evidence: `README.md`)
- Resident Dataset → Gujarati Dashboard: renders (evidence: `README.md`)
- English Dashboard → Monthly Audit: supports audit (evidence: `README.md`)
- Gujarati Dashboard → Monthly Audit: supports audit (evidence: `README.md`)