# srihari1306/temp2 architecture

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

- Interactive diagram: https://gitdiagram.com/srihari1306/temp2
- Repository: https://github.com/srihari1306/temp2

## Overview

This repository combines a music-genre model-training and analysis script with a React dashboard for exploring its dataset and reported results. The user-facing workflow is to open the dashboard, select a tab, and inspect dataset overview, signal quality, spectral statistics, training curves, or model comparisons. The sampled Python source shows audio preparation and dataset/model code, while the dashboard’s metrics are hardcoded. Training-script excerpts are incomplete, so the graph avoids asserting how its stages are wired together.

Main entry points: [`frontend/src/App.jsx`](https://github.com/srihari1306/temp2/blob/main/frontend/src/App.jsx) (Dashboard app), [`frontend/src/data/metrics.js`](https://github.com/srihari1306/temp2/blob/main/frontend/src/data/metrics.js) (Hardcoded metrics), [`train.py`](https://github.com/srihari1306/temp2/blob/main/train.py) (Audio preparation), [`frontend/src/main.jsx`](https://github.com/srihari1306/temp2/blob/main/frontend/src/main.jsx) (React entry)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_dashboard["Analytics dashboard"]
  node_entry["React entry<br/>[main.jsx]"]
  node_app["Dashboard app<br/>[App.jsx]"]
  node_tabs["Tab controls<br/>[Tabs.jsx]"]
  node_overview["Dataset overview<br/>[OverviewTab.jsx]"]
  node_eda["Signal quality EDA<br/>[EDATab.jsx]"]
  node_spectral["Spectral analysis<br/>[SpectralTab.jsx]"]
  node_training_view["Training curves"]
  node_comparison["Model comparison"]
end

subgraph group_data["Reported metrics"]
  node_metrics["Hardcoded metrics<br/>[metrics.js]"]
end

subgraph group_training["Model workflow"]
  node_audio_prep["Audio preparation<br/>[train.py]"]
  node_mel_dataset["Mel dataset<br/>[train.py]"]
  node_ast_dataset["AST dataset<br/>[train.py]"]
  node_cnn_model["CNN model<br/>[train.py]"]
  node_ast_model["AST model<br/>[train.py]"]
  node_training_run["Model training<br/>[train.py]"]
end

node_user(("Dashboard user"))

node_user -->|"opens"| node_entry
node_entry -->|"renders"| node_app
node_app -->|"renders controls"| node_tabs
node_app -->|"selects view"| node_overview
node_app -->|"selects view"| node_eda
node_app -->|"selects view"| node_spectral
node_app -->|"selects view"| node_training_view
node_app -->|"selects view"| node_comparison
node_overview -->|"reads"| node_metrics
node_eda -->|"reads"| node_metrics
node_spectral -->|"reads"| node_metrics
node_training_view -->|"reads"| node_metrics
node_comparison -->|"reads"| node_metrics
node_audio_prep -->|"prepares audio for"| node_mel_dataset
node_audio_prep -->|"prepares audio for"| node_ast_dataset
node_training_run -->|"trains"| node_cnn_model
node_training_run -->|"trains"| node_ast_model

click node_entry "https://github.com/srihari1306/temp2/blob/main/frontend/src/main.jsx"
click node_app "https://github.com/srihari1306/temp2/blob/main/frontend/src/App.jsx"
click node_tabs "https://github.com/srihari1306/temp2/blob/main/frontend/src/components/Tabs.jsx"
click node_overview "https://github.com/srihari1306/temp2/blob/main/frontend/src/components/OverviewTab.jsx"
click node_eda "https://github.com/srihari1306/temp2/blob/main/frontend/src/components/EDATab.jsx"
click node_spectral "https://github.com/srihari1306/temp2/blob/main/frontend/src/components/SpectralTab.jsx"
click node_training_view "https://github.com/srihari1306/temp2/blob/main/frontend/src/components/ModelTrainingTab.jsx"
click node_comparison "https://github.com/srihari1306/temp2/blob/main/frontend/src/components/ModelComparisonTab.jsx"
click node_metrics "https://github.com/srihari1306/temp2/blob/main/frontend/src/data/metrics.js"
click node_audio_prep "https://github.com/srihari1306/temp2/blob/main/train.py"
click node_mel_dataset "https://github.com/srihari1306/temp2/blob/main/train.py"
click node_ast_dataset "https://github.com/srihari1306/temp2/blob/main/train.py"
click node_cnn_model "https://github.com/srihari1306/temp2/blob/main/train.py"
click node_ast_model "https://github.com/srihari1306/temp2/blob/main/train.py"
click node_training_run "https://github.com/srihari1306/temp2/blob/main/train.py"

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_entry,node_app,node_tabs,node_overview,node_eda,node_spectral,node_training_view,node_comparison,node_user toneBlue
class node_metrics toneAmber
class node_audio_prep,node_mel_dataset,node_ast_dataset,node_cnn_model,node_ast_model,node_training_run toneMint
```

## Components

### Analytics dashboard

- [React entry](https://github.com/srihari1306/temp2/blob/main/frontend/src/main.jsx): `frontend/src/main.jsx`
- [Dashboard app](https://github.com/srihari1306/temp2/blob/main/frontend/src/App.jsx): `frontend/src/App.jsx`
- [Tab controls](https://github.com/srihari1306/temp2/blob/main/frontend/src/components/Tabs.jsx): `frontend/src/components/Tabs.jsx`
- [Dataset overview](https://github.com/srihari1306/temp2/blob/main/frontend/src/components/OverviewTab.jsx): `frontend/src/components/OverviewTab.jsx`
- [Signal quality EDA](https://github.com/srihari1306/temp2/blob/main/frontend/src/components/EDATab.jsx): `frontend/src/components/EDATab.jsx`
- [Spectral analysis](https://github.com/srihari1306/temp2/blob/main/frontend/src/components/SpectralTab.jsx): `frontend/src/components/SpectralTab.jsx`
- [Training curves](https://github.com/srihari1306/temp2/blob/main/frontend/src/components/ModelTrainingTab.jsx): `frontend/src/components/ModelTrainingTab.jsx`
- [Model comparison](https://github.com/srihari1306/temp2/blob/main/frontend/src/components/ModelComparisonTab.jsx): `frontend/src/components/ModelComparisonTab.jsx`

### Reported metrics

- [Hardcoded metrics](https://github.com/srihari1306/temp2/blob/main/frontend/src/data/metrics.js): `frontend/src/data/metrics.js`

### Model workflow

- [Audio preparation](https://github.com/srihari1306/temp2/blob/main/train.py): `train.py`
- [Mel dataset](https://github.com/srihari1306/temp2/blob/main/train.py): `train.py`
- [AST dataset](https://github.com/srihari1306/temp2/blob/main/train.py): `train.py`
- [CNN model](https://github.com/srihari1306/temp2/blob/main/train.py): `train.py`
- [AST model](https://github.com/srihari1306/temp2/blob/main/train.py): `train.py`
- [Model training](https://github.com/srihari1306/temp2/blob/main/train.py): `train.py`

### Other components

- **Dashboard user**

## Connections

- Dashboard user → React entry: opens
- React entry → Dashboard app: renders
- Dashboard app → Tab controls: renders controls
- Dashboard app → Dataset overview: selects view
- Dashboard app → Signal quality EDA: selects view
- Dashboard app → Spectral analysis: selects view
- Dashboard app → Training curves: selects view
- Dashboard app → Model comparison: selects view
- Dataset overview → Hardcoded metrics: reads
- Signal quality EDA → Hardcoded metrics: reads
- Spectral analysis → Hardcoded metrics: reads
- Training curves → Hardcoded metrics: reads
- Model comparison → Hardcoded metrics: reads
- Audio preparation → Mel dataset: prepares audio for
- Audio preparation → AST dataset: prepares audio for
- Model training → CNN model: trains
- Model training → AST model: trains