Case Study

CinemaScore, a Movie Discovery App on Live API Data

A dynamic web app for browsing movies and TV shows through the TMDB API: discovery, watchlists, advanced search and language switching, built as a team project during ITI training.

My Role
Front-end developer · ITI team project
Scope
API integration, browsing, watchlist, search, i18n
Audience
Movie and TV fans
CinemaScore, a Movie Discovery App on Live API Data

The Challenge

The app is only as good as its handling of someone else's data: TMDB's catalogue is huge, paginated and always changing. Browsing had to stay fast, search had to narrow millions of titles usefully, and personal state (the watchlist) had to persist across the experience, in more than one language.

  • A huge, live, third-party catalogue
  • Search across millions of titles
  • Watchlist state across the whole app
  • Language switching throughout

The Approach

We built it in React with Bootstrap: TMDB integration drives browsing and detail pages, advanced search filters the catalogue, watchlist state is managed app-wide, and the interface switches languages cleanly.

  • React + Bootstrap
  • TMDB API integration
  • App-wide watchlist state
  • Advanced search and language switching

What I Built

A complete discovery experience on live data.

  • Movie and TV browsing with details
  • Watchlist functionality
  • Advanced search
  • Multi-language support

The Outcome

Delivered as an ITI team project with a live demo online: API-driven state management practiced early, as a team.

  • Live demo online
  • Team delivery during ITI training
  • Real third-party API integration

Technology Stack

ReactBootstrapTMDB API

Have a project like this in mind?

Tell me what you are building and I will come back with a recommended scope, timeline and price.