# Inspannings Monitor – Energie Management Tool ## Portfolio samenvatting De Inspannings Monitor is een webapplicatie gericht op het inzichtelijk maken van energieverbruik en belastbaarheid. De applicatie is ontwikkeld als praktijkgericht project om moderne webdevelopment en gebruikersgerichte oplossingen te combineren. ## Doel Gebruikers hebben vaak onvoldoende inzicht in hun energieverdeling gedurende de dag. Deze applicatie helpt bij: - plannen van activiteiten - monitoren van energie - voorkomen van overbelasting ## Belangrijk Deze applicatie is een **wellness tool** en geen medisch hulpmiddel. ## Mijn rol - Concept en ontwerp - Fullstack development - UX/UI ontwerp - Database en authenticatie - Deployment ## Functionaliteiten - Gebruikerslogin (Supabase Auth) - Dagplanning en activiteitenbeheer - Energie-check-ins - Overzicht van belasting vs herstel - Dashboard weergave - Server-side sessiebeheer ## Technologie stack - Next.js - React - TypeScript - Supabase (auth + database) - Vercel (hosting) ## Architectuur (kort) - Next.js frontend + server routes - Supabase voor auth en data - Server-side validatie van sessies - Cloud deployment via Vercel ## Live demo 👉 Voeg hier je Vercel link toe ## Screenshots 👉 Voeg hier screenshots toe (dashboard, check-in, etc.) ## Privacy & security - Authenticatie via Supabase - Server-side sessiebeheer - Geen medische claims - (Toekomst) row-level security (RLS) ## Wat ik geleerd heb - Integratie van Supabase in moderne apps - Werken met gebruikersauthenticatie - Opzetten van een data-driven applicatie - UX voor laagdrempelige interactie ## Toekomstige verbeteringen - Uitbreiding dashboard - Betere data-analyse - Notificaties - Mobile optimalisatie ## Repository https://github.com/madhura68/inspannings-monitor