Ontwerpbureau Schipper

Bestaande planning tools bieden veel standaardfunctionaliteiten, maar geven minder vrijheid om de interface en werking aan te passen aan specifieke wensen. Voor deze app wilde ik juist zelf kunnen bepalen hoe de planning wordt weergegeven en hoe gebruikers ermee werken. Daarnaast was het doel om binnen één dag een eerste werkende versie te ontwikkelen, deze online te publiceren en vervolgens stap voor stap verder uit te bouwen.

Ik koos voor een headless aanpak waarbij de data en functionaliteit losstaan van de interface. Hierdoor kan ik zelf bepalen hoe de layout, componenten, iconen en interacties worden opgebouwd, zonder vast te zitten aan een bestaande UI. Voor de verwerking van data en state management heb ik gekozen voor een centrale aanpak. Hierdoor kunnen verschillende onderdelen van de app dezelfde gegevens gebruiken en hoeft logica niet onnodig in afzonderlijke componenten te worden herhaald. De app is opgebouwd rond een aantal belangrijke onderdelen: een dashboard met openstaande en afgeronde taken, een planningsoverzicht met deadlines en taaktypes en een detailweergave waarin taken kunnen worden aangepast en toegewezen. Een activiteitenhistorie houdt daarnaast bij wie welke wijzigingen heeft uitgevoerd. Hierdoor blijft inzichtelijk wat er binnen een taak is veranderd.

Ik heb de Planning App zelfstandig ontworpen en ontwikkeld, van de eerste opzet tot de technische implementatie en publicatie. De combinatie van React, Next.js, Tailwind CSS en Supabase vormt de technische basis. Door de headless architectuur kan de app verder worden uitgebreid zonder afhankelijk te zijn van de beperkingen van een bestaand planning platform. Het resultaat is een werkende basis die ruimte biedt om nieuwe functionaliteiten en gebruikerswensen stap voor stap toe te voegen.