Space Festival
Space Festival is een fictieve festivalapplicatie die werd gebouwd met Angular. Het space-thema vormde de rode draad, met een uitgebreid systeem voor ticketverkoop, lineup-weergave en adminbeheer.
Space Festival werd ontwikkeld in teamverband in het kader van het vak Angular in het derde jaar Application Development aan Thomas More. De focus lag op het leren werken met Angular en het opzetten van een professionele front-end applicatie.
Functionaliteiten op een rij
Line-up systeem
Bezoekers kunnen de artiesten per podium bekijken, met een overzichtelijke timetable en navigatie per dag.
Ticketverkoop
Bezoekers kunnen eenvoudig tickets kopen via de website. Elk ticket wordt automatisch gegenereerd als een PDF met klantgegevens.
Adminbeheer
Admins kunnen podia, artiesten, dagen en tickets beheren via een aparte adminomgeving binnen de Angular applicatie.
Mijn rol binnen het project
Van tickets tot homepage
Ik was verantwoordelijk voor de ontwikkeling van de homepagina en de ticketpagina. Daarbij implementeerde ik ook de PDF-generatie voor de tickets, met klantgegevens zoals naam, e-mail en type ticket.
Ook werkte ik mee aan het adminbeheer, zoals het toevoegen en aanpassen van podia en artiesten. Ik hield hierbij rekening met gebruiksvriendelijkheid en consistentie in de user interface.
Technologie en samenwerking
Angular in een realistische setting
We leerden hoe component-based development en routing werkt, en gebruikten services om data te beheren.
Door het opzetten van zowel een publieke als admininterface werd duidelijk hoe krachtig Angular kan zijn voor grotere projecten. Het was een goede voorbereiding op real-life webapplicaties.
Mijn kennis van Angular is tijdens dit project enorm gegroeid. Ik leerde hoe ik componenten dynamisch kan opbouwen en hoe ik gegevens correct via services en observables laat doorstromen.
Wat draagde dit project bij?
Space Festival was een leuk en leerrijk project waarbij we onze creativiteit kwijt konden in zowel design als technische uitwerking.
De samenwerking in teamverband verliep vlot. Iedereen had zijn rol en verantwoordelijkheden. We leerden hoe belangrijk planning en goede communicatie zijn binnen development teams.
Dit project gaf ons een realistisch beeld van hoe front-end ontwikkeling met Angular werkt in een grotere context. Het was de perfecte voorbereiding op een professionele omgeving.