BoxOffice Hub (API)

Web Dev - JS

Discover movies with this app built using HTML, CSS and JavaScript. Connected via the TMDb API to fetch live data such as cast, trailers, reviews. Built and tested in VS Code, focusing on API integration, asynchronous JavaScript (async/await, fetch) and rendering dynamic content.

Tools used

API & JSON integration

Integrated The Movie Database (TMDb) API to fetch real-time movie data in JSON format. Processed and structured the data to display rich details such as cast, reviews, trailers, recommendations, and streaming availability. This involved handling nested JSON objects and mapping them into a user-friendly format.

Asynchronous JavaScript

Implemented efficient data fetching using async/await and Promise.all, allowing multiple JSON requests (movie details, reviews, recommendations, etc.) to be processed simultaneously. This reduced load times and created a smoother browsing experience, even when working with large API responses.

UI & interactivity

Developed a responsive, dynamic interface that converts raw JSON data into engaging visual components. Features include interactive search results, expandable/collapsible reviews, hover animations, and recommendation sliders — all rendered in real time based on live API responses.