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

Uit het lab

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 op dit apparaat.

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