Movie Catalogue

A cinematic exploration SPA integrated with the TMDB API. It includes popular films, real-time search, genre filters and persistent favourites, built with Vue 3 and Vite.

Key features

✓TMDB API integration for popular films and search
✓Dynamic genre filters sourced from the API
✓Persistent favourites with LocalStorage
✓Details modal with poster, rating, year and synopsis
✓Streaming-inspired dark interface
✓Vue 3 composables for clear separation of responsibilities

Project context

The challenge

Create a real-time movie catalogue using TMDB with instant search, dynamic filters and persistent favourites in a reactive Vue 3 SPA.

The approach

Vue 3 composables manage search and favourites. Debounced inputs reduce API requests, while refs and provide/inject provide lightweight shared state without Pinia.

Project gallery

Interested in this project?

Get in touch to learn more or discuss how I can help with your next project.

Send message