Estad.io

Web development

Dynamische pagina's

Over het project

In dit project heb ik me verdiept in JavaScript. Als groot voetbalfan die veel wedstrijden wereldwijd bezoekt, wilde ik een handige tool hebben voor het kopen van tickets. Met Estad.io heb ik een website gecodeerd waarin ik verschillende JavaScript-functies heb geïntegreerd. Ook heb ik met dynamiek in mijn website gewerkt, wat compleet nieuw voor mij was! Welke functies ik verder heb toegevoegd en wat ik heb geleerd, leest u hieronder!

Jaar

2024

Tools

HTML/CSS JavaScript

Soort

Solo

Launcher

Website

Het proces

Dit individuele project draaide om het toepassen van JavaScript. Als enorm voetbalfan had ik vaak moeite met het vinden en kopen van voetbaltickets, wat me inspireerde om een hulpsysteem te ontwikkelen voor het boeken van tickets voor Nederlandse voetbalclubs. Na het volgen van een cursus op Codecademy, waar ik de basisprincipes van JavaScript leerde, begon ik met het bouwen van een functionele website. Mijn focus lag bij dit vijf weken durende project voornamelijk op de functionaliteiten en de gebruikerservaring, terwijl het design minder prioriteit kreeg.

De website biedt een interactieve kaart met alle Nederlandse voetbalclubs, waarbij elke club een dynamische pagina heeft die ik met JavaScript en een JSON-bestand heb opgebouwd. Deze pagina's bevatten gegevens zoals ranglijstpositie, stadioncapaciteit, en een afbeelding van het stadion. Bovenaan elke pagina staat een knop naar de ticketshop. Daarnaast heb ik een filterfunctie en een 'random' knop toegevoegd voor verrassende clubkeuzes. Een uitdaging was het weergeven van Rotterdamse clubs die dicht bij elkaar liggen, wat ik oploste met een JavaScript pop-up. Dit project leerde me de basis van JavaScript en verbeterde mijn UX-vaardigheden door me te focussen op een gebruiksvriendelijke ervaring.

Volgend project:

Neem contact op!

Laten we samen wat moois neerzetten!
Stuur me een bericht en we spreken elkaar snel!