Overview 🗺️

This was a group project for school that took place over the course of ~20 weeks, for which we had to create a solution that would fix several of their problems. The client was a swimming club that taught children to swim and get their swimming certificates. The instructors were using paper for keeping track of the swimmer’s progress, which proved to be a problem in an environment with a lot of water. Some of their other issues were that paper could get lost and it takes long to find the information they are looking for, parents/guardians had no way to see the progress of their kids and parents/guardians often didn’t speak Dutch, which made it hard to comminucate what the kids should work on.

Technologies Used 🛠️

  • Laravel + PHP + Eloquent ORM
  • Vue.js (front end framework)
  • Intertia.js (Laravel -> Vue integration)
  • TypeScript (types for front end)
  • Vite (development server)
  • Tailwind / DaisyUI (CSS library)
  • Axios (HTTP client for frontend requests)
  • PWA / Service Worker (offline capabilities)
  • SQLite (development database)
  • PostgreSQL (production database)
  • Spatie Permission (role & permission management)
  • PHPUnit & Laravel Dusk (testing)
  • Maatwebsite Excel (excel import/export)
  • Git / GitHub (version management)
  • GitHub Actions (continuous integration)

Showcase 📸

Mobile app for parents/guardians

Login page for parents/guardians, trainers and admins

Lesson details page for trainers

Exercise overview page for trainers

Evaluation page for trainers

Individual swimmer progress page

Users CRUD for admins

Evaluation form edit page for admins

Conclusion 🏁

The client seemed satisfied during the entire process and also seemed happy with the end result. I also think the application offers a good user experience and it definitely improved the situation for the swimming club.