Terug naar homepagina

Diet Tracking App

Dashboard screen mobile
Dashboard screen desktop

Over het project

De Diet Tracking App stelt gebruikers in staat om dagelijks maaltijden toe te voegen en hun voedingsinname te monitoren. Het dashboard geeft realtime inzicht in calorieën, eiwitten, koolhydraten en vetten, gebaseerd op vooraf ingestelde doelen. De app is ontworpen met gebruiksvriendelijkheid en visuele helderheid in gedachten.

Gebruikte technologieën

Frontend:
Blade, HTML, Tailwind
Backend:
PHP 8, Laravel
Database:
MySQL
Responsive Design:
Flexbox, Tailwind grid
API's:
Stripe, Spoonacular

Functionaliteiten

  • Inloggen en registreren
  • Maaltijden toevoegen en beheren
  • Realtime voedingswaarden overzicht
  • Dagelijkse suggesties (met Premium uitbreiding)

Wat ik heb geleerd

Tijdens het bouwen van dit project heb ik veel ervaring opgedaan met het structureren van een Laravel-applicatie, het opzetten van gebruikersauthenticatie, en het werken met relatiemodellen in de database. Ook heb ik me verdiept in component-based CSS met Bootstrap om herbruikbare en schaalbare interfaces te maken.