Documentatie - YouTube Dashboard & Channel Manager

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!