The challenge
Create a real-time movie catalogue using TMDB with instant search, dynamic filters and persistent favourites in a reactive Vue 3 SPA.
Project 04Completed
Film finder · Vue 3 · TMDB · 2024
Movie Catalogue
A film finder for deciding what to watch: search by name, filter by genre, open a title to see its rating and synopsis, and save the ones you like.
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 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