# puikinsh/adminator-admin-dashboard architecture

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

- Interactive diagram: https://gitdiagram.com/puikinsh/adminator-admin-dashboard
- Repository: https://github.com/puikinsh/adminator-admin-dashboard

## Overview

Adminator is a static, vanilla-JS admin dashboard template: a user opens one of its HTML pages and gets a shared dashboard shell plus page-specific interfaces. The product spans dashboard, email/chat, calendar, charts, forms, tables, maps, and authentication pages. Its token-based styling supports light/dark themes, while charting, calendar, and vector-map libraries provide specialized widgets. The README documents the shared shell, theme behavior, and major capabilities; runtime source excerpts were not provided, so detailed page-to-module wiring is not asserted.

Main entry points: [`src/assets/scripts/2026/index.js`](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/index.js) (Runtime entry), [`src/assets/scripts/2026/palette.js`](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/palette.js) (Theme palette), [`src`](https://github.com/puikinsh/adminator-admin-dashboard/tree/master/src) (Page templates), [`src/assets/scripts/2026/Shell.js`](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/Shell.js) (Shared shell)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Dashboard Pages"]
  node_templates["Page templates"]
  node_dashboard["Dashboard<br/>[index.html]"]
  node_email["Email pages<br/>[email.html]"]
  node_chat["Chat page<br/>[chat.html]"]
  node_calendar["Calendar page<br/>[calendar.html]"]
  node_charts["Charts page<br/>[charts.html]"]
  node_forms["Forms page<br/>[forms.html]"]
  node_tables["Table pages<br/>[datatable.html]"]
  node_maps["Map pages<br/>[google-maps.html]"]
  node_auth["Authentication pages<br/>[signin.html]"]
end

subgraph group_runtime["Shared Runtime"]
  node_shell["Shared shell<br/>[Shell.js]"]
  node_initialization["Page initialization<br/>[init.js]"]
  node_entry["Runtime entry<br/>[index.js]"]
end

subgraph group_design["Design System"]
  node_theme["Theme palette<br/>[palette.js]"]
  node_tokens["Design tokens<br/>[_tokens.scss]"]
  node_styles["Dashboard styles<br/>[index.scss]"]
end

subgraph group_widgets["Interactive Widgets"]
  node_calendar_runtime["Calendar integration<br/>[calendar.js]"]
  node_charts_runtime["Chart integration<br/>[charts.js]"]
  node_maps_runtime["Map integration<br/>[maps.js]"]
  node_chartjs["Chart.js"]
  node_fullcalendar["FullCalendar"]
  node_jsvectormap["jsvectormap"]
end

node_user(("Dashboard user"))

node_user -->|"opens page"| node_templates
node_templates -->|"shares shell"| node_shell
node_entry -->|"renders shell"| node_shell
node_entry -->|"starts pages"| node_initialization
node_theme -->|"uses tokens"| node_tokens
node_theme -->|"switches theme"| node_styles
node_calendar_runtime -->|"integrates"| node_fullcalendar
node_charts_runtime -->|"integrates"| node_chartjs
node_maps_runtime -->|"integrates"| node_jsvectormap

click node_templates "https://github.com/puikinsh/adminator-admin-dashboard/tree/master/src"
click node_dashboard "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/index.html"
click node_email "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/email.html"
click node_chat "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/chat.html"
click node_calendar "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/calendar.html"
click node_charts "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/charts.html"
click node_forms "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/forms.html"
click node_tables "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/datatable.html"
click node_maps "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/google-maps.html"
click node_auth "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/signin.html"
click node_shell "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/Shell.js"
click node_initialization "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/init.js"
click node_entry "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/index.js"
click node_theme "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/palette.js"
click node_tokens "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/styles/2026/_tokens.scss"
click node_styles "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/styles/2026/index.scss"
click node_calendar_runtime "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/calendar.js"
click node_charts_runtime "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/charts.js"
click node_maps_runtime "https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/maps.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_templates,node_dashboard,node_email,node_chat,node_calendar,node_charts,node_forms,node_tables,node_maps,node_auth,node_user toneBlue
class node_shell,node_initialization,node_entry toneAmber
class node_theme,node_tokens,node_styles toneMint
class node_calendar_runtime,node_charts_runtime,node_maps_runtime,node_chartjs,node_fullcalendar,node_jsvectormap toneRose
```

## Components

### Dashboard Pages

- [Page templates](https://github.com/puikinsh/adminator-admin-dashboard/tree/master/src): `src`
- [Dashboard](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/index.html): `src/index.html`
- [Email pages](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/email.html): `src/email.html`
- [Chat page](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/chat.html): `src/chat.html`
- [Calendar page](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/calendar.html): `src/calendar.html`
- [Charts page](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/charts.html): `src/charts.html`
- [Forms page](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/forms.html): `src/forms.html`
- [Table pages](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/datatable.html): `src/datatable.html`
- [Map pages](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/google-maps.html): `src/google-maps.html`
- [Authentication pages](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/signin.html): `src/signin.html`

### Shared Runtime

- [Shared shell](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/Shell.js): `src/assets/scripts/2026/Shell.js`
- [Page initialization](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/init.js): `src/assets/scripts/2026/init.js`
- [Runtime entry](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/index.js): `src/assets/scripts/2026/index.js`

### Design System

- [Theme palette](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/palette.js): `src/assets/scripts/2026/palette.js`
- [Design tokens](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/styles/2026/_tokens.scss): `src/assets/styles/2026/_tokens.scss`
- [Dashboard styles](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/styles/2026/index.scss): `src/assets/styles/2026/index.scss`

### Interactive Widgets

- [Calendar integration](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/calendar.js): `src/assets/scripts/2026/calendar.js`
- [Chart integration](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/charts.js): `src/assets/scripts/2026/charts.js`
- [Map integration](https://github.com/puikinsh/adminator-admin-dashboard/blob/master/src/assets/scripts/2026/maps.js): `src/assets/scripts/2026/maps.js`
- **Chart.js**
- **FullCalendar**
- **jsvectormap**

### Other components

- **Dashboard user**

## Connections

- Dashboard user → Page templates: opens page (evidence: `README.md`)
- Page templates → Shared shell: shares shell (evidence: `README.md`)
- Runtime entry → Shared shell: renders shell (evidence: `README.md`)
- Runtime entry → Page initialization: starts pages
- Theme palette → Design tokens: uses tokens (evidence: `README.md`)
- Theme palette → Dashboard styles: switches theme (evidence: `README.md`)
- Calendar integration → FullCalendar: integrates (evidence: `README.md`)
- Chart integration → Chart.js: integrates (evidence: `README.md`)
- Map integration → jsvectormap: integrates (evidence: `README.md`)