• Home
  • Over mij
  • Projecten
  • Blog
Contact
  • Home
  • Over mij
  • Projecten
  • Blog
  • Contact
← Terug naar projecten

Full-stack Development

Kine Training Platform

Klant

SPRS Kine

Rol

Full-stack Development (teamproject)

Jaar

2026

Kine Training Platform

Beschrijving

Dit platform bouwde ik in teamverband tijdens mijn Industry Project, in opdracht van een externe partner uit de kinesport-/revalidatiesector. Het doel: kinesitherapeuten een tool geven om oefenprogramma's en workouts samen te stellen en op te volgen, en patiënten en sporters een eenvoudige app om die oefeningen thuis of op training uit te voeren.

We werkten de backend uit volgens Clean Architecture, met afzonderlijke Domain-, Application- en Infrastructure-lagen en een uitgebreide set unit- en integratietesten. Het domeinmodel dekt onder meer oefeningen, oefengroepen en -categorieën, workouts en workoutdoelen, teams, en de opvolging van uitgevoerde sets en logs: de bouwstenen die een kinesitherapeut nodig heeft om een trainingsschema op maat te maken.

Voor de frontend bouwden we twee afzonderlijke React Router-toepassingen die een gedeeld component-package hergebruiken: een 'kine-app' voor de therapeut en een 'patient-app' voor de eindgebruiker, beide opgezet als PWA. Authenticatie en toegangsbeheer verliepen via Keycloak, zodat rollen en rechten centraal beheerd worden.

Als Industry Project was dit de eerste keer dat ik in een groter team werkte, met een echte externe opdrachtgever en een scrum-achtige aanpak. Zodra meerdere ontwikkelaars tegelijk in dezelfde codebase zitten, blijken architecturale afspraken en duidelijke domeingrenzen ineens heel belangrijk.

Samenvatting

Een trainings- en oefenplatform voor kinesitherapeuten en hun patiënten/sporters, gebouwd in teamverband als Industry Project voor een externe opdrachtgever. Twee aparte PWA's één voor de kinesitherapeut, één voor de patiënt draaien op een gedeelde .NET-backend met Keycloak-authenticatie.

Tools

  • C# / .NET 10
  • React Router
  • TypeScript
  • Keycloak
  • PostgreSQL
  • Tailwind CSS

Het resultaat

Visuele showcase

Showcase image 1
Showcase image 2
Showcase image 3
Showcase image 4
Showcase image 5
Showcase image 6
Showcase image 7
Showcase image 8
Showcase image 9

Vorige

NovaDrive

Volgende

Geen

Klaar om de standaard te doorbreken?

Neem contact op

© 2026 Frederik Hofman. Alle rechten voorbehouden.