Movies Explorer
A movie explorer with search, filters and a persistent personal list.
The problem
Making a large catalog navigable without overloading the interface or repeating needless requests.
What I built
An Angular 19 app with Angular Material that queries TMDb directly, with debounced search, filters and a detail view with a trailer.
Outcome
An academic project on consuming APIs and building a responsive browsing experience.
Decisions that mattered
- 01
Controlled search
Debounce groups typing before querying, while filters narrow the catalog.
- 02
No backend of its own
The app runs in the browser: it calls TMDb and keeps favorites and the personal list in LocalStorage.
Technologies
- Angular
- Angular Material
- TMDb
- LocalStorage
C4 model. The pulsing line is the main path of a request.
Level 1 · who uses the system and what it connects to
Level 2 · the applications and data stores it is made of
Level 3 · the components inside the API
- Person
- System
- Container
- Database
- External
- Main path
- 01Search
- 02TMDb
- 03Catalog
- 04Personal list