-
Notifications
You must be signed in to change notification settings - Fork 0
2.🔬Tech Stack
Tijdens het bouwen van dit project heb ik meerdere frameworks/technieken gebruikt. Ze zijn als volgt:
Ik heb er voor gekozen om Vue als frontend te gebruiken in mijn project. Het handige van Vue is dat je gemakkelijk je applicatie kan opdelen in componenten en met elkaar kan laten reageren. Je kan ook makkelijk verschillende states van componenten beheren en de interacties die gebruikers er mee voeren. Vergeleken met React vind ik Vue makkelijk te gebruiken en kan ik erg snel en efficient mijn applicatie bouwen.
Ik heb gekozen om Sass als CSS preprocessor te gebruiken. Dankzij Sass kan ik gemakkelijk en modulair mijn CSS opdelen in verschillende bestanden, variabelen gebruiken, CSS nesten, en nog veel meer.
Ik heb Vite gebruikt om snel en makkelijk mijn project local te draaien en te bouwen. Tijdens het opzetten krijg je via Vite al bestaande configuraties voor frameworks zoals Vue, React, Typescript, Sass, en enz. Ook regelt Vite het bundlen van je code als je je project voor het web wil publiceren. Mijn favoriete feature blijft nog steeds Hot Reloading.
In mijn storytelling project maak ik veelzijdig gebruik van de Intersection observer API. De Intersection Observer API is een ingebouwde feature in browsers om te checken of een gebruiker met zijn viewport op een bepaalde gedeelte is van je website. Deze API gebruik ik om een achtergrond video af te spelen en om animaties te triggeren.
Dankzij Netlify heb ik snel en eenvoudig een online bereikbare versie van mijn project staan. Zodra ik mijn code push naar de main van mijn GitHub repo begint er gelijk een automatische build. Binnen een paar minuten staat dan de meest up to date versie online en kan ik de link delen zo dat anderen mijn project kunnen bekijken.
Marc Droger | CMD HvA