JelleBuilds
Terug naar experimenten
#002··Prototype

Jello — kanban-bord

Een Trello-achtig bord om drag-and-drop te leren — nu in JelleBuilds-stijl met { }-logo.

ReactDrag & dropUX

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.

Screenshot van Jello met JelleBuilds-logo en kanban-kolommen
Jello — kanban-bord in JelleBuilds-stijl

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 — alleen op dit apparaat en in deze browser.

Updates

v0.6.0

17 juli 2026

17 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 2026

Next.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 2026

Tweetalige 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 2026

JelleBuilds-stijl

  • Warme kleuren en Inter-lettertype
  • Compact { kanban }-logo naast JelleJello-wordmark
  • Terug-link naar JelleBuilds
  • Screenshot vernieuwd

v0.1.0

5 juli 2026

Eerste kanban-prototype

  • Drag-and-drop tussen kolommen
  • Taakbewerking met markdown, labels, subtaken en deadlines
  • Undo/redo en JSON-export/import
  • Opslag in localStorage
Open Jello