Personalized product-data experience
Movie Organizer
A personal movie library that combines third-party catalogue data with persistent preferences and collection-management flows.
- Project type
- Independent build
- Role
- Frontend developer
- Focus
- User-specific data and discovery
The Movie Organizer discovery view using catalogue data from TMDB.
Overview
What I set out to build
Movie Organizer turns a general movie catalogue into a personal experience. Users can discover titles and maintain watchlists and liked-movie collections rather than repeating the same searches each time they return.
Challenge
The product problem
The central challenge was combining externally sourced movie information with data that belongs to an individual user, while keeping discovery and collection actions clear in a responsive interface.
Approach
How I approached it
I used TMDB as the catalogue source, React to coordinate browsing and collection interactions, and Firebase to persist user-specific preferences. The UI separates discovery, watchlist, and liked-movie contexts while reusing movie presentation patterns.
Delivered
Core experience
- Movie discovery backed by the TMDB catalogue
- Persistent personal watchlist management
- Liked-movie collection for saved preferences
- Category browsing and responsive search behavior
Technical decisions
Implementation choices
- 01Separated external catalogue data from user-owned preference data so each source had a clear responsibility.
- 02Used Firebase for persistence to focus the project on authenticated product behavior and frontend state.
- 03Reused movie-card patterns across discovery and personal collections for interface consistency.
Technologies
- React
- Firebase
- TMDB API
- Netlify
Explore the project
See the working application
The live demo opens in a new tab. Some third-party data or services may depend on their current availability.