# anas-694/psx-beginner-guide architecture

> Architecture diagram of the GitHub repository anas-694/psx-beginner-guide, 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/anas-694/psx-beginner-guide
- Repository: https://github.com/anas-694/psx-beginner-guide

## Overview

PSX Beginner Guide is a self-contained, offline study checklist. A learner works through its week-by-week PSX topics, marks items complete, and tracks progress; they can also add personal tasks and save quick notes. The README documents browser-based saving but does not identify the storage mechanism, so the graph treats it simply as browser storage. No source excerpts were provided; relationships shown are documented in the README.

Main entry points: [`index.html`](https://github.com/anas-694/psx-beginner-guide/blob/main/index.html) (Progress Tracker)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_learner(("Learner"))
node_curriculum["PSX Curriculum<br/>[index.html]"]
node_progress["Progress Tracker<br/>[index.html]"]
node_custom_tasks["Custom Tasks<br/>[index.html]"]
node_notes["Sticky Notes<br/>[index.html]"]
node_browser_storage[("Browser Storage")]

node_learner -->|"studies"| node_curriculum
node_learner -->|"marks items"| node_progress
node_curriculum -->|"updates count"| node_progress
node_learner -->|"adds tasks"| node_custom_tasks
node_learner -->|"writes notes"| node_notes
node_progress -->|"saves progress"| node_browser_storage
node_custom_tasks -->|"saves tasks"| node_browser_storage
node_notes -->|"auto-saves"| node_browser_storage

click node_curriculum "https://github.com/anas-694/psx-beginner-guide/blob/main/index.html"
click node_progress "https://github.com/anas-694/psx-beginner-guide/blob/main/index.html"
click node_custom_tasks "https://github.com/anas-694/psx-beginner-guide/blob/main/index.html"
click node_notes "https://github.com/anas-694/psx-beginner-guide/blob/main/index.html"

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_learner toneIndigo
class node_curriculum,node_progress,node_notes toneTeal
class node_custom_tasks toneRose
class node_browser_storage toneAmber
```

## Components

### Other components

- **Learner**
- [PSX Curriculum](https://github.com/anas-694/psx-beginner-guide/blob/main/index.html): `index.html`
- [Progress Tracker](https://github.com/anas-694/psx-beginner-guide/blob/main/index.html): `index.html`
- [Custom Tasks](https://github.com/anas-694/psx-beginner-guide/blob/main/index.html): `index.html`
- [Sticky Notes](https://github.com/anas-694/psx-beginner-guide/blob/main/index.html): `index.html`
- **Browser Storage**

## Connections

- Learner → PSX Curriculum: studies (evidence: `README.md`)
- Learner → Progress Tracker: marks items (evidence: `README.md`)
- PSX Curriculum → Progress Tracker: updates count (evidence: `README.md`)
- Learner → Custom Tasks: adds tasks (evidence: `README.md`)
- Learner → Sticky Notes: writes notes (evidence: `README.md`)
- Progress Tracker → Browser Storage: saves progress (evidence: `README.md`)
- Custom Tasks → Browser Storage: saves tasks (evidence: `README.md`)
- Sticky Notes → Browser Storage: auto-saves (evidence: `README.md`)