BACK TO PROJECTS

PROJECT

WEB PAGE

Doctor Who Infographic

Project details

Release Date

16/12/2023

Client

Grafisch Lyceum Utrecht

Development Stack

Core Technologies

README.md

Doctor Who Infographic is an interactive web-based infographic project focused on presenting information about the Doctor Who franchise in a visually structured and accessible format. The application combines static informational content with interactive elements, including a horizontally scrollable Doctor timeline, slideshow components, and dynamic IMDb-related information retrieved through external API integration.

The project provides an overview of multiple aspects of the Doctor Who universe, including information about the various Doctors and their companions, franchise-related media details, and content related to the Doctor Who Magic: The Gathering collaboration set. External data such as ratings, descriptions, tags, review information, and showcase imagery is retrieved dynamically through the IMDb API provided via RapidAPI.

The application was developed independently during the web development introduction module in the first semester of the Creative Software Development course. The project formed part of a short introductory development period where students explored different technical profiles within the course, including web development, game development, and XR development.

The complete application, including frontend implementation, layout structure, animations, slideshow systems, API integration, and interactive timeline functionality, was fully developed independently using plain HTML, CSS, and JavaScript without external frontend frameworks.

One of the primary technical challenges during development was implementing the horizontal scrolling timeline system used to navigate through the Doctors chronologically. Additional functionality such as slideshow integration and dynamic external API content retrieval also contributed to the technical complexity of the project during the early stages of web development experience.

Although the project remains publicly available, it currently functions primarily as an experimental showcase of early frontend development and API integration experience. There are currently no future development plans for the project.

Built with HTML, CSS, JavaScript, external API integration, slideshow systems, and interactive frontend components.