Movie Index App
Un navegador de películas TMDB con búsqueda debounceada y tendencias con Appwrite.
Visitar sitio webApp enfocada de descubrimiento de películas con React 19 + Vite. Los usuarios pueden ver películas populares, buscar en TMDB, inspeccionar cards de posters con rating/idioma/año y ver una franja de tendencias derivada de analíticas de conteo de búsquedas en Appwrite.
Proyecto React individual para ganar comodidad con React antes de entrar en un codebase React más grande. Construí la app Vite, componentes reutilizables, flujo de fetch con TMDB, búsqueda debounceada, analíticas de búsqueda con Appwrite, interfaz responsive con Tailwind, setup de lint y camino de build de producción.
Qué estaba bloqueando el avance.
Tenía un proyecto React más grande por delante y quería ir más allá de tutoriales hacia una app pequeña pero completa. El reto era practicar lo que importa en el trabajo diario con React: límites de componentes, estado, efectos, llamadas API, estados de carga/error, UI responsive e integración con un backend ligero.
Cómo lo resolví.
Mantuve el scope intencionalmente enfocado: endpoints discover/search de TMDB pasan por un único fetch path, `react-use` debouncea búsqueda por 500ms, Appwrite guarda e incrementa términos buscados y el rail de tendencias lee los cinco documentos con mayor conteo. Search posee el input controlado, MovieCard formatea películas, Spinner gestiona loading y App maneja el estado de datos a nivel página.
Grid de películas populares