TERUG NAAR PROJECTEN

PROJECT

WEBSITE

Defqon.1 Infographic

Projectdetails

Release Datum

04/11/2024

Klanten

Grafisch Lyceum Utrecht, rileydeman (eigen initiatief)

Development Stack

Kerntechnologieën

README.md

Dit project is een interactieve webgebaseerde infographic gericht op Defqon.1, één van de grootste hardstylefestivals ter wereld. Het platform biedt een gestructureerd overzicht van festivalgeschiedenis, edities, stages en officiële anthems van 2003 tot en met 2024/2025 binnen een visueel aantrekkelijke en interactieve omgeving.

De infographic werd ontwikkeld als onderdeel van een schoolopdracht en deels examenproject, met een sterke focus op frontendinteractie, informatiestructuur en user experience design. Het platform combineert statische informatieve content met interactieve navigatie-elementen, waardoor gebruikers historische festivalinformatie en gerelateerde content kunnen verkennen via een custom-designed interface.

Het project werd volledig zelfstandig ontworpen en ontwikkeld met React, TypeScript en Vite. Tijdens de ontwikkeling diende de applicatie als eerste introductie tot moderne frontendtooling en componentgebaseerde applicatiearchitectuur binnen het Node.js-ecosysteem. Het project omvatte daarnaast zelf uitgevoerde dataverzameling en handmatige structurering van informatie op basis van publiek beschikbare festivalinformatie en bestaande kennis over het Defqon.1-merk en de evenementgeschiedenis.

Een van de belangrijkste technische uitdagingen tijdens de ontwikkeling was het voor het eerst leren en werken met React, TypeScript, Vite en het omliggende frontendtooling-ecosysteem. Het project bood praktische ervaring met componentgedreven ontwikkeling, state management-concepten, interactieve UI-structuren en moderne frontend build tooling.

Hoewel het platform publiek toegankelijk is, functioneert het project momenteel voornamelijk als een experimentele en showcasegerichte frontendapplicatie in plaats van een actief onderhouden productieplatform. Tijdens de ontwikkeling waren er ideeën voor toekomstige uitbreiding, maar tegenwoordig dient het project vooral als demonstratie van frontendexperimentatie, interfaceontwerp en vroege frameworkgebaseerde webdevelopmentervaring.

Gebouwd met React, TypeScript, Vite, HTML, CSS en moderne frontend development tooling.