TERUG NAAR PROJECTEN

PROJECT

(WEB)APP

❤️U festival PWA + API

Projectdetails

Release Datum

10/06/2025

Klant

Grafisch Lyceum Utrecht

Development Stack

Kerntechnologieën

README.md

❤️U Festival PWA + API is een mobile-first festival webapplicatie en Progressive Web App (PWA) ontworpen om bezoekers festivalinformatie, line-ups, tijdschema’s en een interactieve festivalervaring aan te bieden via een lichte mobiele interface.

Het project werd ontwikkeld als een individuele schoolopdracht en was mijn eerste ervaring met het bouwen van een Progressive Web App. De applicatie werd specifiek ontworpen voor smartphonegebruik, met een sterke focus op responsieve mobiele layouts en gebruiksvriendelijkheid binnen een festivalomgeving. Gebruikers kunnen dynamisch geladen artiestenschema’s bekijken, festivalinformatie openen, de festivalkaart gebruiken en schakelen tussen een dark- en lightmode-thema.

De backend API werd volledig custom-built met PHP en MySQL en levert dynamische JSON-data aan de frontendapplicatie. Het line-up- en timetable-systeem werd volledig door mij samengesteld en gestructureerd, inclusief artiestenselectie, eventplanning en tijdschemaorganisatie. De frontend communiceert direct met de API via JavaScript om festivaldata dynamisch binnen de PWA te laden en weer te geven.

De applicatie bevat ondersteuning voor installeerbare PWA-functionaliteit, waardoor gebruikers de applicatie op ondersteunde apparaten kunnen installeren voor een meer native mobiele ervaring. Hoewel de applicatie geen volledige offline synchronisatie van tijdschema’s ondersteunt, bood het project praktische ervaring met responsive design, API-ontwikkeling, mobile-first workflows en Progressive Web App-technologieën.

Een van de belangrijkste leerpunten tijdens de ontwikkeling was API-beveiliging en infrastructuur. De publieke API bevat momenteel geen rate limiting, wat later een belangrijk leerpunt werd op het gebied van backendbeveiliging en schaalbaar API-design.

Als enige developer en designer van het project was ik verantwoordelijk voor het volledige frontend- en backendontwikkelproces, API-structuur, database-integratie, implementatie van responsive design, UI-styling en de algemene applicatiearchitectuur.

Gebouwd met HTML, CSS, JavaScript, PHP, MySQL, JSON API’s en Progressive Web App-technologieën.