Snt-Flix

Plataforma colaborativa con gestión multimedia con moderación inteligente y enriquecimiento de datos automatizado. Proyecto sin fines de lucro para compartir entre amigos películas y series de libre acceso.

Ir al sitio

El proyecto

Flix es una aplicación web Full Stack diseñada para centralizar, gestionar y compartir contenido multimedia. A diferencia de un catálogo estático, Flix implementa un ecosistema vivo donde la comunidad contribuye con contenido que pasa por un estricto flujo de calidad.

El problema

La plataforma resuelve la gestión de contenido mediante un sistema de moderación híbrido : permite la carga de usuarios, enriquece automáticamente los datos consumiendo APIs externas y ofrece un panel de administración para validar la calidad final del contenido antes de su publicación. Este proyecto fue construido priorizando la escalabilidad, el tipado estricto y el rendimiento del lado del servidor.

  • Enriquecimiento Automático de Datos: Al ingresar un simple link de YouTube, el sistema se conecta con la YouTube Data API v3 y TMDB para extraer automáticamente metadatos, pósters de alta calidad, sinopsis, casting y puntuaciones, eliminando la carga manual de datos.
  • Sistema de Moderación y Scoring: Implementa un algoritmo de confidence score (puntaje de confianza) para las contribuciones. Los administradores cuentan con un Dashboard dedicado para aprobar o rechazar contenido basándose en métricas automáticas y revisión manual.
  • Gestión de Roles y Seguridad: Sistema robusto de autenticación (JWT) con roles diferenciados (User, Moderator, Admin), asegurando que solo el personal autorizado pueda acceder a funciones sensibles de edición y moderación.
  • Experiencia de Usuario Moderna: Interfaz Dark Mode por defecto, totalmente responsiva y con búsquedas/filtros instantáneos por categorías y tipos de contenido (películas, series, playlists).
  • Arquitectura: Full Stack con Next.js 15 (App Router) utilizando una estrategia de renderizado híbrido: Static Generation para el catálogo público (SEO) y Server Components para los paneles privados.
  • Backend & Datos: API RESTful propia integrada con Mongo db. Implementación del Repository Pattern para abstraer la lógica de datos y mantener el código limpio.
  • Seguridad: Manejo de sesiones mediante Cookies HttpOnly y Middleware de Next.js para protección de rutas en el servidor (Edge).
  • Stack: TypeScript, Tailwind CSS, Radix UI, SWR para data fetching con caché, y Jest para testing automatizado.

Pasos a seguir

  1. Contacto

    Contame qué necesitás: una llamada corta para entender el proyecto, el alcance y los plazos.

  2. Discovery

    Levantamos requerimientos, usuarios y restricciones; queda escrito qué se construye y qué no.

  3. Presentación de la solución

    Te muestro la propuesta —arquitectura, alcance por etapas y presupuesto— y se ajusta lo que haga falta.

  4. Diseño

    Diseño la interfaz y los flujos principales; aprobás cómo se ve y cómo se usa antes de construir.

  5. Desarrollo

    Construcción por etapas con entregas para probar: cada avance se ve funcionando, no en un informe.

  6. Implementación

    Puesta en producción, migración de datos si hace falta, capacitación y soporte de arranque.