Voor dit project heb ik een persoonlijke website ontwikkeld rondom mijn passie voor bikepacking. Het doel was om een plek te creëren waar ik mijn reizen kan documenteren, mijn fietsopstelling kan toelichten en inspiratie kan delen. Tegelijkertijd was dit een perfecte kans om mijn vaardigheden als front-end developer te tonen door een volledig functionele en moderne website van de grond af op te bouwen.
De website bestaat uit meerdere pagina’s met een heldere structuur: reisverhalen, toekomstige plannen en een interactieve pagina over mijn fiets. Door een minimalistisch design en consistente typografie heb ik de focus gelegd op de inhoud, zonder afleiding. Naast storytelling en visuele elementen bevat de site interactieve onderdelen, zoals klikbare fiets-onderdelen die een pop-up openen met extra informatie, afbeeldingen en links.
De website werkt nu wel maar hij is nog niet helemaal compleet.
Ik werk aan deze website om mijn beter te worden met code schrijven. Ik ben tijdens dit project ook begonnen met het gebruiken van Git en Github. Ik merk dat het me goed afgaat omdat ik mijn hobbie kan combineren met mijn interesse voor code schrijven en digitaal vormgeven.
De site is volledig handgeschreven in HTML en CSS, zonder gebruik van frameworks. Hierdoor heb ik volledige controle gehouden over de structuur en styling. Ik heb veel aandacht besteed aan responsief design, zodat de website op verschillende schermgroottes goed leesbaar en bruikbaar blijft. Daarnaast heb ik gewerkt met flexbox en grid om content op een consistente en moderne manier te positioneren.
Met JavaScript heb ik de interactieve onderdelen gerealiseerd, zoals de dynamische pop-ups en andere interactieve UI-elementen. Dit maakt de website niet alleen informatief, maar ook speels en gebruiksvriendelijk.
Voor versiebeheer heb ik Git gebruikt, met GitHub als remote repository. Zo heb ik de code gestructureerd en geborgd, en kan ik eenvoudig terugkijken naar eerdere versies of mijn werk met anderen delen.
https://github.com/Hu1bW/bikepacking-website
