Vertrekpunt
Tijdens mijn studies kocht ik mijn eerste eigen domeinnaam. Die kreeg een persoonlijke landingspagina en werd tegelijk een oefenproject voor CSS en Sass.
Persoonlijk studentenproject
Persoonlijke homepage
Een minimalistische persoonlijke homepage die ik tijdens mijn bacheloropleiding bouwde met React, TypeScript en Sass, met enkele speelse interacties en een responsieve lay-out.
Wat was nodig
- Een eenvoudige online identiteit op het nieuwe domein
- Rechtstreekse links naar contact en sociale profielen
- Ruimte om frontendinteractie en SCSS uit te proberen
- Een responsieve ervaring op desktop en mobiel
De oplossing
Een minimalistische React-landingspagina met een zelfgebouwde typewriter, speelse desktopinteractie en een responsieve donkere vormgeving.
Technologie in dit project
- React
- TypeScript
- Vite
Het project
Tijdens mijn bacheloropleiding kocht ik mijn eerste eigen domeinnaam. Ik bouwde er deze minimalistische landingspagina voor en gebruikte het project tegelijk om mijn CSS- en Sass-kennis uit te breiden. De eerste versie dateert uit 2023 en combineert React en TypeScript met Sass en CSS-variabelen voor de donkere visuele stijl.
Interactie
Een zelfgebouwde React-component laat de naam na een korte pauze letter voor letter verschijnen. Daarnaast bevat de pagina rechtstreekse links naar GitHub en LinkedIn en een e-maillink. Op desktop houdt een tweede component bij hoe vaak een bezoeker probeert te scrollen en reageert de pagina met verschillende boodschappen. Op kleinere schermen vereenvoudigt de ervaring en verhuizen de sociale links onder de titel.
Verdere evolutie
Het project werd later gemigreerd van Create React App naar Vite. React Router maakte een afzonderlijke privacyroute mogelijk en Umami voegde privacyvriendelijke bezoekersstatistieken toe. Als studentenproject is het vooral een tijdsbeeld van mijn frontend-experimenten en de technische keuzes waaruit mijn latere werk is gegroeid.
