De app draait op internet via GitHub en slaat alle data op in Firebase. GitHub is de plek waar de code staat, Firebase is de database waar alle ingevulde gegevens worden bewaard. Beide zijn gratis.
Na het inloggen zie je links de repository Hiltenhal-Lijsten staan
Klik daarop en je ziet het bestand index.html
De app aanpassen via AI — stap voor stap
Ga naar claude.ai (gratis, geen account nodig)
Ga op GitHub naar de repository en open index.html
Klik rechtsboven op de downloadknop (pijltje omlaag)
Het bestand wordt opgeslagen op je computer
Upload dit bestand in de chat op claude.ai
Typ wat je wil veranderen, zo concreet mogelijk. Bijvoorbeeld: "Voeg bij de openingslijst onder Entree de taak Ramen lappen toe" "Verwijder de sectie Squashhal uit de sluitingslijst"
De AI geeft je een nieuwe index.html terug — download dat bestand
Als er iets niet werkt — console gebruiken
Als de app iets niet doet wat je verwacht, stuur Claude een screenshot van de console:
Open de app in Chrome op je computer
Druk op F12 (of rechtsklik op de pagina → Inspecteren)
Klik bovenaan op het tabblad Console
Maak een screenshot en upload die in claude.ai
Leg uit wat er niet werkt
Nieuwe code uploaden naar GitHub
Ga naar github.com en log in
Klik links op de repository Hiltenhal-Lijsten
Klik op Add file — staat naast de groene Code knop
Kies Upload files
Sleep de nieuwe index.html naar het venster of klik om te selecteren
Scroll naar beneden en klik op Commit changes
De site is binnen 1-2 minuten bijgewerkt
Wat je nooit via de code hoeft aan te passen
Dit doe je allemaal via de app zelf onder Remco → Instellingen:
Taken verbergen, toevoegen of hernoemen
Volgorde van taken aanpassen
Seizoenen instellen per sectie
Namen personeel toevoegen of verwijderen
Pincode wijzigen
Onderhoud intervallen aanpassen
Nieuwe secties aanmaken
Kosten
GitHub Pages — gratis
Firebase — gratis tot 50.000 reads en 20.000 writes per dag, ruim voldoende