← Volver al portfolio
Proyecto 04Completado
Vue.js · Vite · TMDB API · 2024

Catálogo de Películas

SPA de exploración cinematográfica integrada con la API de TMDB. Películas populares, búsqueda en tiempo real, filtros por género y favoritos persistentes. Construida con Vue 3 y Vite.

Catálogo de Películas — Vue + TMDB
Vista principalVue + TMDB

Características principales

  • Integración con TMDB API para películas populares y búsqueda
  • Filtrado por género con lista dinámica desde la API
  • Sistema de favoritos persistente con LocalStorage
  • Modal de detalle con poster, puntuación, año y sinopsis
  • Diseño dark mode estilo plataforma de streaming
  • Composables de Vue 3 para separación de responsabilidades

Contexto del proyecto

El desafío

Crear un catálogo de películas en tiempo real consumiendo la API de TMDB, con búsqueda instantánea, filtros dinámicos y persistencia de favoritos, todo en una SPA reactiva con Vue 3.

El enfoque

Composables de Vue 3 para manejar la lógica de búsqueda y favoritos. Debounce en inputs para optimizar llamadas a la API. Estado global liviano sin Pinia, usando refs y provide/inject.

¿Te interesa este proyecto?

Contactame para conocer más detalles o conversar sobre cómo puedo ayudarte con tu próximo proyecto.

Enviar mensaje