Movies Explorer
Explorador de cine con búsqueda, filtros y una lista personal persistente.
El problema
Hacer navegable un catálogo extenso sin saturar la interfaz ni repetir solicitudes innecesarias.
Qué construí
Una aplicación Angular 19 con Angular Material que consulta TMDb directamente, con búsqueda con debounce, filtros y un detalle con tráiler.
Resultado
Proyecto académico de consumo de APIs y experiencia de exploración responsive.
Decisiones que importaron
- 01
Búsqueda controlada
El debounce agrupa la escritura antes de consultar, mientras los filtros acotan el catálogo.
- 02
Sin backend propio
La aplicación corre en el navegador: llama a TMDb y guarda favoritos y lista personal en LocalStorage.
Tecnologías
- Angular
- Angular Material
- TMDb
- LocalStorage
Modelo C4. La línea con pulso es el recorrido principal de una solicitud.
Nivel 1 · quién usa el sistema y con qué se conecta
Nivel 2 · las aplicaciones y almacenes que lo componen
Nivel 3 · los componentes dentro de la API
- Persona
- Sistema
- Contenedor
- Base de datos
- Externo
- Recorrido principal
- 01Búsqueda
- 02TMDb
- 03Catálogo
- 04Lista personal