Sprint 0

Project omschrijving

Sprint 0 was de eerste opdracht van de minor: maak een persoonlijke portfolio website. Geen framework, gewoon HTML en CSS en een beetje JavaScript. Ik heb de website gebouwd met een horizontale scroll op de homepage, zodat elk onderdeel als een apart paneel voorbijkomt. Verder heb ik informatie over mijn klasgenoten ingeladen vanuit de API van de minor, en heb ik twee thema's gemaakt die je kunt wisselen.

Plannen, ontwikkelingen en reflecties

Ik ben begonnen met schetsen voor de opbouw van de site. Mijn idee was een horizontale scroll, wat meteen een leuke uitdaging bleek: je moet dan goed nadenken over hoe de layout werkt en hoe je dat responsive houdt. Ik heb clamp() leren gebruiken voor responsive tekst en spacing zonder breakpoints, en dat vond ik meteen super handig.

Voor de klasgenoten heb ik de API van de minor gebruikt. Dat was mijn eerste echte keer werken met een externe databron in JavaScript, dus dat kostte best wat tijd om goed te krijgen. De twee thema's heb ik via CSS custom properties opgelost, en met een typewriter animatie voor de introductietekst wilde ik wat extra leven in de pagina brengen.

Achteraf had ik sommige dingen graag wat strakker willen afwerken, de horizontale scroll werkte niet perfect op alle schermformaten, maar voor een eerste project in de minor was ik blij met het resultaat.

Afbeeldingen

Uitkomsten en inzichten

Ik heb geleerd hoe je clamp() inzet voor responsive design zonder media queries, hoe je met de Fetch API externe data inlaadt, en hoe je CSS custom properties gebruikt voor theming. De horizontale scroll leerde me ook veel over hoe overflow en scroll-snap werken.

Wat ik meeneem: begin eerder met testen op andere schermformaten, en denk al in de schetsfase na over hoe scroll-gedrag werkt. Maar het voelde goed om meteen iets persoonlijks te maken als eerste project.