Overzicht 🗺️

Dit was een groepsproject voor school dat ongeveer 20 weken duurde. We moesten een oplossing maken die meerdere problemen van de opdrachtgever aanpakte. De klant was een zwemvereniging die kinderen zwemmend lesgeeft en zwemdiploma’s uitgeeft. De instructeurs hielden de voortgang van zwemmers bij op papier, wat onhandig bleek in een natte omgeving. Andere problemen waren dat papier kwijt kon raken, het lang duurde om informatie te vinden, ouders/verzorgers geen inzage hadden in de voortgang van hun kind en dat ouders/verzorgers soms geen Nederlands spreken, waardoor het lastig was uit te leggen waar kinderen aan moesten werken.

Gebruikte technologieën 🛠️

  • Laravel + PHP + Eloquent ORM
  • Vue.js (frontend framework)
  • Inertia.js (Laravel -> Vue integratie)
  • TypeScript (types voor de frontend)
  • Vite (development server)
  • Tailwind / DaisyUI (CSS library)
  • Axios (HTTP client voor frontend requests)
  • PWA / Service Worker (offline mogelijkheden)
  • SQLite (development database)
  • PostgreSQL (productiedatabase)
  • Spatie Permission (role & permission management)
  • PHPUnit & Laravel Dusk (testing)
  • Maatwebsite Excel (excel import/export)
  • Git / GitHub (versiebeheer)
  • GitHub Actions (continuous integration)

Showcase 📸

Mobiele app voor ouders/verzorgers

Loginpagina voor ouders/verzorgers, trainers en admins

Lesdetails voor trainers

Oefeningen overzicht voor trainers

Beoordelingsformulier voor trainers

Individuele voortgang van zwemmers

Users CRUD voor admins

Bewerken beoordelingsformulier voor admins

Conclusie 🏁

De opdrachtgever was gedurende het proces tevreden en ook blij met het eindresultaat. Ik vind dat de applicatie een goede gebruikerservaring biedt en het probleem van de zwemvereniging duidelijk heeft verbeterd.