janpeter/inspannings-monitor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Wellness-first webapp voor volwassen individuele gebruikers die hun energie willen plannen, uitvoeren en evalueren. https://inspannings-monitor.vercel.app
47 commits 9 branches 0 tags 9.2 MiB
Find a file
Exact
Janpeter Visser 608b88a20c
Revise README for project overview and details 
Updated README to reflect new project scope, features, and technology stack.
2026-04-24 20:18:48 +02:00
.github/workflows Run tests in CI workflow 2026-04-19 10:36:22 +02:00
.vscode feat: initial commit 2026-04-18 14:18:26 +02:00
app Add nav avatar, product icon, spec page and about page updates 2026-04-20 03:00:43 +02:00
components Add nav avatar, product icon, spec page and about page updates 2026-04-20 03:00:43 +02:00
docs Add demo user seed script and persona data 2026-04-19 15:01:55 +02:00
lib Add nav avatar, product icon, spec page and about page updates 2026-04-20 03:00:43 +02:00
scripts Add demo usage seeds and seed script polish 2026-04-19 15:38:31 +02:00
supabase Add profile details and avatar uploads 2026-04-19 14:48:57 +02:00
.env.example Add demo usage seeds and seed script polish 2026-04-19 15:38:31 +02:00
.gitignore Harden gitignore and improve README 2026-04-18 14:46:06 +02:00
.nvmrc Require Node 20.19 for rolldown in CI 2026-04-19 15:55:12 +02:00
aanbeveling-claude.md Update roadmap and review documentation 2026-04-19 10:22:18 +02:00
CLAUDE.md Add server-side avatar processing and responsive bottom nav 2026-04-19 22:06:41 +02:00
components.json feat: initial commit 2026-04-18 14:18:26 +02:00
energypace-specificatie-verbeteradvies-2026-04-17.docx feat: initial commit 2026-04-18 14:18:26 +02:00
eslint.config.mjs feat: initial commit 2026-04-18 14:18:26 +02:00
next-env.d.ts Add nav avatar, product icon, spec page and about page updates 2026-04-20 03:00:43 +02:00
next.config.ts Show app version and git SHA on about page 2026-04-20 02:09:36 +02:00
package-lock.json Add server-side avatar processing and responsive bottom nav 2026-04-19 22:06:41 +02:00
package.json Add nav avatar, product icon, spec page and about page updates 2026-04-20 03:00:43 +02:00
postcss.config.mjs feat: initial commit 2026-04-18 14:18:26 +02:00
proxy.ts feat: initial commit 2026-04-18 14:18:26 +02:00
README.md Revise README for project overview and details 2026-04-24 20:18:48 +02:00
tsconfig.json feat: initial commit 2026-04-18 14:18:26 +02:00

README.md

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