Het probleem
Elk gezin kent het: wie kookt er vanavond? Wat moeten we nog kopen? Heeft iemand de vuilnis al buiten gezet? En wanneer was die tandartsafspraak ook alweer? De informatie zit verspreid over WhatsApp-groepen, papieren lijstjes, losse agenda's en hoofden.
De Familie Organizer brengt alles samen in één overzichtelijk dashboard — toegankelijk voor elk gezinslid.
Dashboard
Het dashboard geeft in één oogopslag een overzicht van de dag: wat eten we vanavond (en wie is er), hoeveel boodschappen er nog op de lijst staan, openstaande taken en komende afspraken. Elke kaart is visueel onderscheiden met kleurcodes en iconen.
Maaltijdplanner
Een weekoverzicht van alle maaltijden met per dag:
- Gerecht — wat staat er op het menu
- Aanwezigheid — wie eet er mee (per gezinslid aan/uit te vinken)
- Inline bewerken — gerecht aanpassen door er gewoon op te klikken
Zo weet je altijd hoeveel porties je moet koken en of er allergieën rekening mee gehouden moeten worden.
Boodschappenlijst
Een gedeelde boodschappenlijst waar elk gezinslid items kan toevoegen:
- Categorieën — zuivel, groente & fruit, bakkerij, vlees & vis, huishouden, etc.
- Afvinken — items markeren als gekocht
- Wie heeft het toegevoegd — zichtbaar per item met kleur van het gezinslid
Takenbeheer
Huishoudelijke taken verdelen over het gezin:
- Toewijzing — elke taak is gekoppeld aan een gezinslid
- Deadline — wanneer moet het klaar zijn
- Categorieën — keuken, schoonmaken, buiten, tuin, etc.
- Voortgang — visueel overzicht van wie hoeveel taken heeft afgerond
Gezinsagenda
Alle afspraken van het hele gezin op één plek:
- Per persoon — elke afspraak is gekoppeld aan een of meerdere gezinsleden
- Kleurcodes — elk gezinslid heeft een eigen kleur
- Locatie en tijd — duidelijk zichtbaar per afspraak
- Weekoverzicht — snel zien wat er de komende dagen op de planning staat
Gezinsbeheer
Gezinsleden toevoegen en beheren met naam, emoji, kleur en rol (ouder/kind). De kleuren worden consequent gebruikt door de hele applicatie voor herkenning.
Technisch
De app is gebouwd als een Single Page Application met React 19 en Vite als bundler. De state wordt centraal beheerd via React Context, waardoor alle componenten automatisch synchroniseren. De UI maakt gebruik van Lucide icons en een clean, modern design met zachte kleuren en afgeronde hoeken.
De applicatie is volledig client-side — er is geen backend nodig. Dit maakt het ideaal als startpunt voor een uitbreiding naar een PWA (Progressive Web App) die offline werkt, of als basis voor een versie met cloud-sync via Firebase of Supabase.