Documentatie - YouTube Dashboard & Channel Manager

# 📺 YouTube Dashboard & Channel Manager

Auteur: Frank Belin | Datum: 13 augustus 2026 | Bluesky: @lostautisoul.bsky.social

Een lichtgewicht, razendsnel en toekomstbestendig overzichtsdashboard voor het organiseren van je favoriete YouTube-kanalen. Dit project combineert een statische, afhankelijkheidsvrije webinterface met een handige desktop-beheertool die zowel op Windows als op Linux draait.

## 🎯 Over het Project

Veel dashboards leunen op zware frameworks, databases of externe API's. Dit project kiest bewust voor een robuuste, statische en platformonafhankelijke architectuur:

- Geen databases of ingewikkelde servers nodig: Alle data wordt opgeslagen in een overzichtelijk, lokaal databestand (`data.js`).
- Lichtgewicht & razendsnel: Geen frameworks, geen advertenties, geen tracking — puur semantische HTML, moderne CSS en vanilla JavaScript.
- 100% Offline & Online compatibel: Werkt net zo goed lokaal vanaf een harde schijf of USB-stick als gehost op een webserver (bijvoorbeeld Hostinger).
- 3-Laags navigatiesysteem: Organiseer je kanalen overzichtelijk via Hoofdgroepen, Categorieën en Subcategorieën.

## 🛠️ De Editor (Python Desktop App)

Om het databestand (`data.js`) eenvoudig te beheren zonder handmatig code te hoeven bewerken, is er een speciale desktop-app gebouwd: `editor`.

### Belangrijkste functies van de Editor:

- Toevoegen: Voeg eenvoudig nieuwe kanalen, beschrijvingen en URLs toe.
- Bewerken & Opschonen: Pas bestaande namen, links of omschrijvingen in een handomdraai aan.
- Volgorde aanpassen: Verplaats items eenvoudig omhoog of omlaag om je favorieten bovenaan te zetten.
- Automatisch Sorteren: Sorteer met één druk op de knop je hele dashboard alfabetisch (A-Z).
- Directe synchronisatie: Slaat wijzigingen direct gestructureerd op in `data.js`.

## 📂 Mappenstructuur & Belangrijke Werking

    TOP/
    │
    ├── index.html         # De hoofdwebpagina met het dynamische dashboard
    ├── style.css          # De styling en lay-out van het dashboard
    ├── data.js            # De centrale databron met alle categorieën en kanalen
    ├── YTeditor.exe         # Standalone executable voor Windows (werkt direct met data.js)
    │
    ├── windows/           # Windows distributie & reserve
    │   └── YTeditor.exe     # Standalone binary voor Windows
    │
    └── linux/             # Linux distributie
        └── YTeditor         # Standalone binary voor Linux (bijv. Mint, Ubuntu, MX Linux)

⚠️ Belangrijke opmerking over de werking van de Editor:
De `editor` werkt uitsluitend wanneer deze rechtstreeks in dezelfde hoofdmap staat als `data.js`.

- Voor Windows-gebruikers: Het programma `YTeditor.exe` staat al direct in de hoofdmap klaar voor gebruik.
- Voor Linux-gebruikers: Kopieer het bestand `YTeditor` vanuit de map `linux/` naar de hoofdmap (ter vervanging van het Windows `.exe` bestand) om het programma op Linux te gebruiken.

## 🚀 Hoe te gebruiken?

### 1. Het Dashboard bekijken

- Lokaal: Dubbelklik op `index.html` om het dashboard direct in je favoriete browser te openen.
- Online: Upload `index.html`, `style.css` en `data.js` naar je webhosting (bijv. Hostinger).

### 2. Kanalen beheren via de Editor

- Op Windows: Start `YTeditor.exe` in de hoofdmap.
- Op Linux: Plaats `YTeditor` in de hoofdmap en voer deze uit (of start via de terminal met `./YTeditor`).

Voeg je kanalen toe, pas de volgorde aan en sla op. Je webpagina is direct bijgewerkt!