# sindhu-mandabhada/procastination_tracker architecture

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

- Interactive diagram: https://gitdiagram.com/sindhu-mandabhada/procastination_tracker
- Repository: https://github.com/sindhu-mandabhada/procastination_tracker

## Overview

Procrastination Tracker is a browser-based productivity app. Users run focus and break sessions, manage tasks, and log distractions; the app tracks focus time and daily streaks, saves activity in browser storage, and displays motivational quotes. The sampled JavaScript shows these capabilities in one file, so the components below are logical responsibilities, not separate modules. The README describes identifying delays and building habits, but no distinct analysis or recommendation subsystem is evidenced in the sampled source.

Main entry points: [`script.js`](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js) (Dashboard controls)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_workflows["Focus workflows"]
  node_timer["Focus timer<br/>[script.js]"]
  node_tasks["Task list<br/>[script.js]"]
end

subgraph group_tracking["Activity tracking"]
  node_distractions["Distraction log<br/>[script.js]"]
  node_stats["Focus and streak stats<br/>[script.js]"]
end

subgraph group_appcore["App state and display"]
  node_controls["Dashboard controls<br/>[script.js]"]
  node_quotes["Motivational quotes<br/>[script.js]"]
  node_storage[("Browser local storage")]
end

node_user(("User"))

node_user -->|"uses"| node_controls
node_controls -->|"starts, pauses, resets"| node_timer
node_controls -->|"adds tasks"| node_tasks
node_controls -->|"logs distractions"| node_distractions
node_timer -->|"records focus time"| node_stats
node_timer -->|"shows quote"| node_quotes
node_tasks -->|"saves and loads"| node_storage
node_distractions -->|"saves and loads"| node_storage
node_stats -->|"saves and loads"| node_storage

click node_controls "https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js"
click node_timer "https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js"
click node_tasks "https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js"
click node_distractions "https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js"
click node_stats "https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js"
click node_quotes "https://github.com/sindhu-mandabhada/procastination_tracker/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_timer,node_tasks,node_user toneBlue
class node_distractions,node_stats toneAmber
class node_controls,node_quotes,node_storage toneMint
```

## Components

### Focus workflows

- [Focus timer](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js): `script.js`
- [Task list](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js): `script.js`

### Activity tracking

- [Distraction log](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js): `script.js`
- [Focus and streak stats](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js): `script.js`

### App state and display

- [Dashboard controls](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js): `script.js`
- [Motivational quotes](https://github.com/sindhu-mandabhada/procastination_tracker/blob/main/script.js): `script.js`
- **Browser local storage**

### Other components

- **User**

## Connections

- User → Dashboard controls: uses (evidence: `script.js`)
- Dashboard controls → Focus timer: starts, pauses, resets (evidence: `script.js`)
- Dashboard controls → Task list: adds tasks (evidence: `script.js`)
- Dashboard controls → Distraction log: logs distractions (evidence: `script.js`)
- Focus timer → Focus and streak stats: records focus time (evidence: `script.js`)
- Focus timer → Motivational quotes: shows quote (evidence: `script.js`)
- Task list → Browser local storage: saves and loads (evidence: `script.js`)
- Distraction log → Browser local storage: saves and loads (evidence: `script.js`)
- Focus and streak stats → Browser local storage: saves and loads (evidence: `script.js`)