# millipo14/horizon-admin-dashboard architecture

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

- Interactive diagram: https://gitdiagram.com/millipo14/horizon-admin-dashboard
- Repository: https://github.com/millipo14/horizon-admin-dashboard

## Overview

Horizon UI Dashboard is a React admin-dashboard frontend. The supported user flow is entering the app, navigating via routes, and viewing the dashboard or tables; the dashboard tree also includes analytics, task, and search UI. The README lists Kanban, profile, authentication, API integration, and theme support as planned rather than implemented capabilities. Several route and dashboard component sources were not sampled, so links to those components are omitted where their wiring cannot be verified.

Main entry points: [`src/App.tsx`](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/App.tsx) (App entry), [`src/components/Dashboard/StorageChart/StorageChart.tsx`](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/StorageChart/StorageChart.tsx) (Storage chart), [`src/components/Dashboard/Tasks/Tasks.tsx`](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/Tasks/Tasks.tsx) (Task list), [`src/routes/routes.ts`](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/routes/routes.ts) (Route paths)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_routing["App routing"]
  node_app["App entry<br/>[App.tsx]"]
  node_routes["Route paths<br/>[routes.ts]"]
  node_root["Root route<br/>[Root.tsx]"]
  node_dashboard_page["Dashboard page<br/>[DashboardPage.tsx]"]
  node_tables_page["Tables page<br/>[Tables.tsx]"]
end

subgraph group_shell["Navigation shell"]
  node_sidebar["Sidebar navigation<br/>[Sidebar.tsx]"]
  node_search["Search controls<br/>[Search.tsx]"]
end

subgraph group_dashboard["Dashboard features"]
  node_daily_traffic["Daily traffic<br/>[DailyTraffic.tsx]"]
  node_spent_chart["Spending chart<br/>[SpentChart.tsx]"]
  node_weekly_revenue["Weekly revenue<br/>[WeeklyRevenue.tsx]"]
  node_storage_chart["Storage chart<br/>[StorageChart.tsx]"]
  node_tasks["Task list<br/>[Tasks.tsx]"]
  node_check_table["Check table<br/>[CheckTable.tsx]"]
  node_complex_table["Complex table<br/>[ComlpexTable.tsx]"]
  node_dashboard_cards["Dashboard cards<br/>[DashboardCards.tsx]"]
  node_select_storage["Storage period selector<br/>[SelectStorage.tsx]"]
end

subgraph group_data["Local mock data"]
  node_storage_mock["Storage samples<br/>[storageMock.ts]"]
  node_tasks_mock["Task samples<br/>[tasksMock.ts]"]
end

node_user(("Dashboard user"))

node_user -->|"opens"| node_app
node_app -->|"uses paths"| node_routes
node_app -->|"routes to"| node_root
node_app -->|"renders index"| node_dashboard_page
node_app -->|"routes to"| node_tables_page
node_storage_chart -->|"reads periods"| node_storage_mock
node_storage_chart -->|"renders"| node_select_storage
node_tasks -->|"initializes from"| node_tasks_mock

click node_app "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/App.tsx"
click node_routes "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/routes/routes.ts"
click node_root "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/routes/Root.tsx"
click node_dashboard_page "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/pages/DashboardPage/DashboardPage.tsx"
click node_tables_page "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Tables/Tables.tsx"
click node_sidebar "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Sidebar/Sidebar.tsx"
click node_search "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/Search/Search.tsx"
click node_daily_traffic "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/DailyTraffic/DailyTraffic.tsx"
click node_spent_chart "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/SpentChart/SpentChart.tsx"
click node_weekly_revenue "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/WeeklyRevenue/WeeklyRevenue.tsx"
click node_storage_chart "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/StorageChart/StorageChart.tsx"
click node_tasks "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/Tasks/Tasks.tsx"
click node_check_table "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/CheckTable/CheckTable.tsx"
click node_complex_table "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/ComlpexTable/ComlpexTable.tsx"
click node_dashboard_cards "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/DashboardCards/DashboardCards.tsx"
click node_storage_mock "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/mocks/storageMock.ts"
click node_tasks_mock "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/mocks/tasksMock.ts"
click node_select_storage "https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/UI/SelectStorage/SelectStorage.tsx"

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_app,node_routes,node_root,node_dashboard_page,node_tables_page,node_user toneBlue
class node_sidebar,node_search toneAmber
class node_daily_traffic,node_spent_chart,node_weekly_revenue,node_storage_chart,node_tasks,node_check_table,node_complex_table,node_dashboard_cards,node_select_storage toneMint
class node_storage_mock,node_tasks_mock toneRose
```

## Components

### App routing

- [App entry](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/App.tsx): `src/App.tsx`
- [Route paths](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/routes/routes.ts): `src/routes/routes.ts`
- [Root route](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/routes/Root.tsx): `src/routes/Root.tsx`
- [Dashboard page](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/pages/DashboardPage/DashboardPage.tsx): `src/pages/DashboardPage/DashboardPage.tsx`
- [Tables page](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Tables/Tables.tsx): `src/components/Tables/Tables.tsx`

### Navigation shell

- [Sidebar navigation](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Sidebar/Sidebar.tsx): `src/components/Sidebar/Sidebar.tsx`
- [Search controls](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/Search/Search.tsx): `src/components/Dashboard/Search/Search.tsx`

### Dashboard features

- [Daily traffic](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/DailyTraffic/DailyTraffic.tsx): `src/components/Dashboard/DailyTraffic/DailyTraffic.tsx`
- [Spending chart](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/SpentChart/SpentChart.tsx): `src/components/Dashboard/SpentChart/SpentChart.tsx`
- [Weekly revenue](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/WeeklyRevenue/WeeklyRevenue.tsx): `src/components/Dashboard/WeeklyRevenue/WeeklyRevenue.tsx`
- [Storage chart](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/StorageChart/StorageChart.tsx): `src/components/Dashboard/StorageChart/StorageChart.tsx`
- [Task list](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/Tasks/Tasks.tsx): `src/components/Dashboard/Tasks/Tasks.tsx`
- [Check table](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/CheckTable/CheckTable.tsx): `src/components/Dashboard/CheckTable/CheckTable.tsx`
- [Complex table](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/ComlpexTable/ComlpexTable.tsx): `src/components/Dashboard/ComlpexTable/ComlpexTable.tsx`
- [Dashboard cards](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/Dashboard/DashboardCards/DashboardCards.tsx): `src/components/Dashboard/DashboardCards/DashboardCards.tsx`
- [Storage period selector](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/components/UI/SelectStorage/SelectStorage.tsx): `src/components/UI/SelectStorage/SelectStorage.tsx`

### Local mock data

- [Storage samples](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/mocks/storageMock.ts): `src/mocks/storageMock.ts`
- [Task samples](https://github.com/millipo14/horizon-admin-dashboard/blob/main/src/mocks/tasksMock.ts): `src/mocks/tasksMock.ts`

### Other components

- **Dashboard user**

## Connections

- Dashboard user → App entry: opens
- App entry → Route paths: uses paths
- App entry → Root route: routes to
- App entry → Dashboard page: renders index
- App entry → Tables page: routes to
- Storage chart → Storage samples: reads periods
- Storage chart → Storage period selector: renders
- Task list → Task samples: initializes from