README.md
Doctor Who Infographic is een interactief webgebaseerd infographicproject gericht op het presenteren van informatie over de Doctor Who-franchise in een visueel gestructureerde en toegankelijke vorm. De applicatie combineert statische informatieve content met interactieve elementen, waaronder een horizontaal scrollbare Doctor-tijdlijn, slideshowcomponenten en dynamische IMDb-gerelateerde informatie die via externe API-integratie wordt opgehaald.
Het project biedt een overzicht van meerdere onderdelen van het Doctor Who-universum, waaronder informatie over de verschillende Doctors en hun companions, franchisegerelateerde media-informatie en content rondom de Doctor Who Magic: The Gathering-samenwerkingsset. Externe gegevens zoals beoordelingen, beschrijvingen, tags, reviewinformatie en showcaseafbeeldingen worden dynamisch opgehaald via de IMDb API die beschikbaar wordt gesteld via RapidAPI.
De applicatie werd zelfstandig ontwikkeld tijdens de introductiemodule webdevelopment in het eerste semester van de opleiding Creative Software Development. Het project maakte deel uit van een korte introductieperiode waarin studenten verschillende technische richtingen binnen de opleiding verkenden, waaronder webdevelopment, game development en XR-development.
De volledige applicatie, inclusief frontendimplementatie, layoutstructuur, animaties, slideshowsystemen, API-integratie en interactieve timelinefunctionaliteit, werd volledig zelfstandig ontwikkeld met plain HTML, CSS en JavaScript zonder gebruik van externe frontendframeworks.
Een van de belangrijkste technische uitdagingen tijdens de ontwikkeling was het implementeren van het horizontale scrollsysteem voor de timeline waarmee chronologisch door de verschillende Doctors genavigeerd kan worden. Extra functionaliteit zoals slideshow-integratie en het dynamisch ophalen van externe API-content droegen eveneens bij aan de technische complexiteit van het project tijdens de vroege fase van webdevelopmentervaring.
Hoewel het project nog steeds publiek beschikbaar is, functioneert het tegenwoordig voornamelijk als experimentele showcase van vroege frontend development- en API-integratieervaring. Er zijn momenteel geen verdere ontwikkelplannen voor het project.
Gebouwd met HTML, CSS, JavaScript, externe API-integratie, slideshowsystemen en interactieve frontendcomponenten.
