MovieChiper

MovieChiper parte de una idea sencilla: puntuar películas del 1 al 10 es aburrido y además no distingue entre «me lo pasé bien» y «es una buena película». El sistema de chips —Light, Crunchy y Premium— separa esas dimensiones y da a la plataforma un lenguaje propio.

Es una aplicación de una sola página desarrollada en React y compilada con Vite, con enrutado en cliente mediante React Router: fichas de película en /pelicula/:id/:slug y perfiles públicos en /u/:usuario, con URLs limpias y compartibles.

El catálogo se alimenta de la API de TMDB, de donde se traen fichas, carteles, imágenes de fondo y tráilers de YouTube. No hay que mantener a mano una base de datos de películas: se consume la fuente y se cachea lo necesario.

Todo lo que es propio de la comunidad —cuentas, sesiones, votos, críticas y relaciones entre usuarios— vive en Supabase, que aporta autenticación, base de datos PostgreSQL y funciones RPC para las consultas agregadas (rankings, medias de chips, actividad reciente). Los avatares por defecto se generan con DiceBear, de modo que un usuario nuevo nunca tiene un perfil vacío.

Para que las críticas salgan de la plataforma se implementó la generación de tarjetas de imagen con html2canvas: el usuario convierte su crítica en una imagen lista para publicar en redes. El despliegue va sobre Cloudflare, con la SPA servida desde edge.