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.