01 // Projectdetail
Een full stack project rond een fictief bedrijf voor VR en arcade games, gebouwd in teamverband en voor mij vooral belangrijk omdat ik hier voor het eerst frontend, backend en JavaScript echt samenbracht.
Dit project heeft mijn interesse in web development en application development sterk aangewakkerd. Ik ben er ook gewoon trots op omdat ik het eindresultaat visueel erg geslaagd vond en tegelijk technisch echt veel heb bijgeleerd.
02 // Context
TismVR was meer dan een losse frontend-oefening: het was een project waarin design, data en interactie effectief samen moesten werken.
Voor TismVR werkte ik samen met Tom Sterckx, Lars Vanderhaegen en Toon Bosmans. Het concept draaide rond een bedrijf dat focust op VR en arcade games, met een website die zowel informatief als interactief moest zijn.
De site stond online op Netlify en de backend werd apart gedeployed. Daardoor was dit voor mij een van de eerste projecten waarin ik echt voelde hoe frontend, backend en deployment samen een geheel vormen.
De site kreeg bewust een futuristische stijl met paarse en donkere gradients, neon-achtige knoppen en een duidelijke game-identiteit. Dat visuele luik was geen detail, want het zorgde ervoor dat het project als totaalervaring beter werkte.
03 // Mijn rol
Mijn bijdrage zat zowel aan de voorkant als aan de achterkant van de applicatie.
Ik hielp mee aan de homepagina en werkte daarnaast vooral mijn eigen pagina's reservation en vr-games uit. Daarin zat voor mij veel aandacht voor layout, styling en interactie, omdat ik echt een mooie en afgewerkte site wilde neerzetten.
Ik stak ook veel tijd in HTML en CSS om bepaalde onderdelen echt goed te krijgen. Zo was er bijvoorbeeld een carousel die lang niet wilde werken, tot ik uiteindelijk het probleem vond in een verkeerd geplaatste d-flex.
Wat dit project voor mij extra sterk maakt, is dat ik niet alleen schermen bouwde, maar ook de backendlogica en JavaScript-koppelingen mee uitwerkte. Ik maakte endpoints voor reviews, prijzen, gereserveerde tijdsloten, reservaties en reviews toevoegen.
Daarnaast zorgde ik ervoor dat die data ook effectief in de frontend gebruikt werd via GET- en POST-requests. Voor mij was dat de eerste keer dat ik echt voelde hoe een webapplicatie pas volledig werkt wanneer frontend en backend netjes op elkaar aansluiten, en net die backendkant vond ik verrassend interessant.
Ik hielp mee aan de homepagina, waar de visuele stijl, branding en eerste indruk van het project samenkomen.
Deze pagina toont goed hoe ik frontend, formulieren, prijsweergave en backendkoppelingen samenbracht in een bruikbare flow.
Op deze pagina komt mijn combinatie van layout, contentstructuur en gamegerichte styling het duidelijkst naar voren.
04 // Techniek
TismVR was het project waarin ik echt merkte dat ik plezier haal uit het combineren van meerdere lagen van een applicatie.
De endpoints zelf gingen vrij vlot, maar de echte uitdaging zat voor mij in de koppeling met JavaScript en in het correct tonen van dynamische data. Net dat vond ik achteraf het interessantste deel.
Sommige problemen waren eigenlijk best zwaar voor dit projectniveau, maar ik ben er trots op dat ik ze uiteindelijk toch zelf opgelost kreeg. Daardoor liet TismVR mij ervaren hoe leuk het is om niet alleen een mooie pagina te maken, maar ook de logica erachter echt te begrijpen. Dat is een grote reden waarom dit project voor mij zo'n belangrijk kantelpunt is geworden.
05 // Resultaat
Niet elk sterk project is alleen belangrijk om het eindproduct; soms is het vooral belangrijk omdat het je richting mee bepaalt.
TismVR hoort voor mij in dit portfolio omdat het een project is waar esthetiek, techniek en persoonlijke groei samenkomen. Ik ben trots op hoe de site eruitziet, maar nog meer op het feit dat ik hier mijn eerste echte full stack ervaring heb opgedaan.
Het is ook een project waarin ik merkte dat moeilijkere backend- en JavaScriptproblemen mij niet afremmen, maar net motiveren om verder te zoeken tot het werkt. Daardoor heeft dit project mijn interesse in web development en application development niet alleen bevestigd, maar echt aangewakkerd.
Ik werkte onder meer aan de pagina's reservation en vr-games, en aan endpoints voor prijzen, reviews, reservaties en review/booking-posts. Daardoor is deze case voor mij een goed bewijs van zowel designgevoel als technisch doorzettingsvermogen.
06 // Navigatie
Ga terug naar Home of naar het overzicht van alle projecten.
