TismVR
Een fullstackwebsite voor een fictief VR- en arcadebedrijf, met reservaties, dynamische prijzen en gegevens uit een aparte backend.
Context
Dynamische data koppelen aan de website
Voor TismVR bouwden we een website rond VR- en arcadegames. Naast een duidelijke game-identiteit had de site dynamische informatie, formulieren en een reservatieflow nodig.
De frontend stond op Netlify en communiceerde met een backend die apart werd gehost. Daardoor moesten presentatie, data en serverlogica goed op elkaar aansluiten.
Mijn bijdrage
Pagina’s bouwen en data koppelen
Ik hielp mee aan de homepage en werkte de reservatie- en VR-gamespagina’s uit. Daarbij lag mijn focus op lay-out, formulieren en het correct tonen van dynamische informatie.
In de backend bouwde ik endpoints voor reviews, prijzen, gereserveerde tijdsloten en reservaties. Met GET- en POST-requests koppelde ik die gegevens vervolgens aan de frontend.
Resultaat
Mijn eerste volledige koppeling tussen frontend en backend
De uiteindelijke website combineert game-informatie, prijzen, reviews en reservaties. Voor mij was dit het eerste project waarin ik meerdere lagen van een webapplicatie zelf aan elkaar koppelde.
Wat ik leerde
De gegevensstroom stap voor stap controleren
Ik leerde frontend en backend als één geheel bekijken. Wanneer een reservatie of dynamische tabel niet klopte, hielp het om stap voor stap te controleren wat de backend verstuurde, wat JavaScript verwerkte en wat de pagina uiteindelijk toonde.
Drie delen van de website
De homepagina, reservatiepagina en VR-gamespagina tonen de combinatie van branding, formulieren en dynamische data.
