Back to projects

Project 01

Portfolio Website

Demo project
Screenshot van Portfolio Website

Over het project

Deze website is ontstaan vanuit de wens om een eigen online plek te hebben waar ik kan laten zien waar ik mee bezig ben. Ik heb bewust gekozen voor HTML, CSS en JavaScript zonder framework, zodat ik precies begrijp hoe alles onder de motorkap werkt: van includes tot het verwerken van een contactformulier.

Uitdaging

De grootste uitdaging was het structureren van herbruikbare HTML-componenten (header, navbar, footer) zonder dat de code rommelig werd, en het bouwen van soepele animaties zonder een framework te gebruiken.

Wat ik geleerd heb

Ik heb geleerd hoe je met HTML, CSS en JavaScript een nette componentstructuur opzet, hoe formulieren veilig verwerkt worden (CSRF, validatie, sanitization) en hoe je met IntersectionObserver scroll-animaties bouwt.

Resultaat

Een werkende, responsive portfolio die ik kan blijven uitbreiden met nieuwe projecten naarmate mijn studie vordert.