Jello: kanban-bord
Een Trello-achtig bord om drag-and-drop te leren: nu in JelleBuilds-stijl met { }-logo.
Jello is experiment #002. Een kanban-bord dat begon als een "hoe moeilijk kan het zijn"-project. Het antwoord: moeilijker dan het lijkt, en juist daarom leerzaam. Het lastigste was niet het datamodel, maar het gevoel: een kaartje dat terugspringt naar zijn oude plek breekt de illusie.
Het prototype is een volledig werkend kanban-bord met slepen tussen kolommen, taakbewerking met markdown, labels, subtaken en deadlines. Er zit undo/redo in, je kunt back-ups exporteren en importeren, en alles wordt opgeslagen in localStorage.
De app draait als Next.js-route op /jello, volledig in React, net als Chores, Pantry en RunLog. Dezelfde localStorage-keys, dezelfde bridges naar JelleOS.
Onderaan deze pagina houd ik een release-log bij met wat er per versie verandert, van branding tot de React-port.
Uit het lab
19 juli 2026 · 4 min lezen
Spark praat terug: en Vandaag kiest echt prioriteitDone in Jello archiveert je flits automatisch; herstel zet de taak terug. Het Vandaag-panel kiest nu expliciet: training → deadline → game → gepinde flits.
16 juli 2026 · 7 min lezen
JelleOS: van idee naar dashboard (plus een avond polish)Terwijl ik MVPs achter elkaar ship, groeit het idee van apps die met elkaar praten. Dezelfde avond kwam JelleOS live: en contrast, portret en Next.js-bugs kregen aandacht.
15 juli 2026 · 7 min lezen
Een avond vol ships: favicon, apps en geleerde lessenWat er gebeurde toen ik op één avond een favicon maakte, drie apps integreerde en ontdekte dat publiceren meer is dan alleen code schrijven.
5 juli 2026 · 6 min lezen
Jello: mijn eerste werkende prototypeWat ik leerde over slepen, neerzetten en interacties die goed aanvoelen, terwijl ik voor de lol een kanban-bord bouwde.
Zo gebruik je het
- Sleep taken tussen kolommen (To Do, Doing, Done).
- Klik op een taak om te bewerken: naam, markdown-beschrijving, deadline, prioriteit en labels.
- Voeg subtaken toe en vink ze af in de taakmodal.
- Gebruik undo/redo in de header als je iets verkeerd doet.
- Exporteer en importeer je bord als JSON-back-up.
- Je data blijft bewaard in localStorage op dit apparaat.
Updates
v0.6.0
17 juli 202617 juli: React-port & UX
- Volledige React-port, Lucide-iconen, bridge-refresh event
- Loading skeleton, confirm-dialogs, touch-verplaatsen, focus-refresh
v0.4.0
16 juli 2026Next.js-fix: kolommen weer zichtbaar
- Bugfix: id="kanbanBoard" botste met window.kanbanBoard, kolommen laadden niet
- Board-root hernoemd naar jello-board, globale app heet nu jelloKanban
- Boot-logica voor client-side navigatie in Next.js (useEffect + retry)
- Volledige Next.js-route op /jello (geen rewrite meer nodig)
v0.3.0
15 juli 2026Tweetalige interface
- Volgt de site-taal (NL/EN) via dezelfde taalsleutel als JelleBuilds
- NL/EN-toggle rechtsboven in de app
- Knoppen, modals, toasts en bevestigingsdialogen vertaald
- Koraankleur op actieve taal in toggle
v0.2.0
15 juli 2026JelleBuilds-stijl
- Warme kleuren en Inter-lettertype
- Compact { kanban }-logo naast JelleJello-wordmark
- Terug-link naar JelleBuilds
- Screenshot vernieuwd
v0.1.0
5 juli 2026Eerste kanban-prototype
- Drag-and-drop tussen kolommen
- Taakbewerking met markdown, labels, subtaken en deadlines
- Undo/redo en JSON-export/import
- Opslag in localStorage