Introductie
Traveltracker is een interactieve webapplicatie waarmee gebruikers hun bezochte landen kunnen bijhouden op een wereldkaart. Het project is volledig zelfstandig ontwikkeld als portfoliostuk, met focus op een moderne gebruikerservaring voor jongeren.
Het probleem
Ik wilde een overzichtelijke manier om bij te houden welke landen ik al heb bezocht en welke landen nog op mijn bucketlist staan. Bestaande apps waren te complex of zagen er niet aantrekkelijk uit. Ik besloot zelf een oplossing te bouwen die zowel functioneel als visueel sterk is.
Mijn aanpak
Ik ben begonnen met het uitwerken van de functionaliteiten en het ontwerp. Vervolgens heb ik de applicatie gebouwd met React en Vite als frontend framework, D3.js voor de interactieve wereldkaart en localStorage voor het opslaan van data. Ik heb bewust gekozen voor een donker kleurenpalet met paarse en groene accenten om de app een moderne, energieke uitstraling te geven die aansluit bij een jong publiek. Elk continent krijgt een eigen kleur op de kaart voor duidelijke visuele feedback. De app is volledig responsive en werkt op zowel desktop als mobiel.
Het resultaat
Het eindresultaat is een volledig werkende webapplicatie waarbij gebruikers landen kunnen markeren als bezocht of toevoegen aan hun bucketlist, kunnen inzoomen op de kaart, landen kunnen zoeken via een zoekbalk en statistieken kunnen bekijken per continent. Tijdens dit project heb ik veel geleerd over het werken met D3.js, GeoJSON data, React state management en responsive design.
