Terug naar experimenten
#004··Prototype

JellePantry — de kruidenla

Hoe drie potjes kurkuma leidden tot een voorraadtooltje — nu met { potje }-logo in JelleBuilds-stijl.

KokenVoorraadUtility

JellePantry is experiment #004 — de kruidenla als app. De naam volgt het JelleBuilds-patroon, met een kruidenpotje tussen de accolades in het logo. In de app heet het scherm zelf nog "De kruidenla", want dat is wat het is: een bovenaanzicht van mijn la.

Het idee ontstond niet aan een whiteboard, maar tijdens het opruimen van mijn kruidenla. Ik trof drie potjes kurkuma aan — allemaal half vol, allemaal op verschillende plekken. Dat was het moment waarop ik dacht: ik wil gewoon weten wat ik heb, zonder eerst alles uit de la te halen.

Elk kruid is een potje. Tik om de voorraad te cyclen: vol, bijna op of leeg. Filter op categorie, zoek op naam, voeg eigen kruiden toe. Geen accounts, geen backend — alles lokaal in je browser.

Na de eerste versie kreeg de app een JelleBuilds-makeover: warme cream-kleuren, Inter-lettertype en het compacte { }-logo. De potjes-UI bleef hetzelfde — dat is het hart van de app.

Onderaan deze pagina houd ik een release-log bij met de updates die JellePantry heeft ondergaan.

Screenshot van JellePantry met kruidenpotjes in een raster
JellePantry — de kruidenla in JelleBuilds-stijl

Zo gebruik je het

  • Tik op een potje om de voorraad te cyclen: vol → bijna op → leeg.
  • Gebruik de zoekbalk en filters om snel iets te vinden.
  • Voeg eigen kruiden toe via "+ Kruid toevoegen".
  • In bewerkmodus kun je potjes verwijderen.
  • Je lijst blijft bewaard in localStorage — alleen op dit apparaat en in deze browser.

Updates

v0.5.0

18 juli 2026

18 juli — Tweerichtings-bridge

  • Done in Jello → vol; herstel zet voorraad terug
  • ↩-knop op vol potjes met Jello-koppeling

v0.4.0

17 juli 2026

UX & toegankelijkheid

  • Native dialog voor nieuw kruid (focus-trap, Escape sluit)
  • Verwijderen toetsenbord-toegankelijk in edit-modus
  • Loading skeleton + focus-refresh voor Jello-bridge status

v0.3.1

16 juli 2026

Contrast verbeterd

  • Muted tekst en accent-links donkerder voor WCAG AA
  • Amber eyebrows beter leesbaar op cream-achtergrond

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
  • Categorieën en voorraadniveaus vertaald (kruidenamen blijven zoals je ze invoert)
  • Sticky open-knop op experimentpagina

v0.2.0

15 juli 2026

Branding & JellePantry

  • Hernoemd naar JellePantry met { potje }-logo
  • Warme cream-kleuren en Inter-lettertype
  • Experimentpagina en screenshot toegevoegd

v0.1.0

15 juli 2026

Eerste versie

  • Kruidenla als raster van potjes
  • Voorraad cyclen: vol → bijna op → leeg
  • Zoeken, filteren en eigen kruiden toevoegen
  • Opslag in localStorage