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
Mijn werk bestond uit de homepage, de reservatiepagina en de VR-gamespagina. De focus lag op lay-out, formulieren en het correct tonen van dynamische informatie.
Voor de backend bouwde ik endpoints voor reviews, prijzen, gereserveerde tijdsloten en reservaties. GET- en POST-requests verbonden die gegevens met de frontend.
Resultaat
Een eerste volledige koppeling tussen frontend en backend
De uiteindelijke website combineert game-informatie, prijzen, reviews en reservaties. Voor het eerst koppelde ik daarbij meerdere lagen van een webapplicatie zelf aan elkaar.
Wat ik leerde
De gegevensstroom stap voor stap controleren
De belangrijkste les was om frontend en backend als één geheel te bekijken. Wanneer een reservatie of dynamische tabel niet klopte, werkte een vaste controlevolgorde het best: eerst de backend, daarna JavaScript en ten slotte de weergave op de pagina.
Drie delen van de website
De homepagina, reservatiepagina en VR-gamespagina tonen de combinatie van branding, formulieren en dynamische data.
