Snt-Flix

Plateforme collaborative de gestion multimédia dotée d'une modération intelligente et d'un enrichissement automatisé des données. Projet à but non lucratif destiné au partage de films et séries en libre accès entre amis.

Voir le site

Le projet

Flix est une application web Full Stack conçue pour centraliser, gérer et partager du contenu multimédia. Contrairement à un catalogue statique, Flix met en œuvre un écosystème vivant où la communauté contribue avec du contenu qui passe par un flux de qualité strict. La plateforme résout la gestion de contenu via un système de modération hybride : elle permet aux utilisateurs de soumettre du contenu, enrichit automatiquement les données en consommant des API externes et offre un panneau d'administration pour valider la qualité finale avant publication.

Le problème

Ce projet a été construit en priorisant l'évolutivité, le typage strict et la performance côté serveur.

  • Enrichissement Automatique des Données : En saisissant un simple lien YouTube, le système se connecte à l'API YouTube Data v3 et à TMDB pour extraire automatiquement les métadonnées, les affiches haute qualité, les synopsis, le casting et les notes, éliminant ainsi la saisie manuelle.
  • Système de Modération et de Scoring : Implémente un algorithme de score de confiance ( confidence score ) pour les contributions. Les administrateurs disposent d'un tableau de bord ( Dashboard ) dédié pour approuver ou rejeter le contenu sur la base de métriques automatiques et d'une révision manuelle.
  • Gestion des Rôles et Sécurité : Système d'authentification robuste (JWT) avec des rôles différenciés (Utilisateur, Modérateur, Admin), garantissant que seul le personnel autorisé accède aux fonctions sensibles d'édition et de modération.
  • Expérience Utilisateur Moderne : Interface en mode sombre ( Dark Mode ) par défaut, entièrement responsive, avec recherche et filtres instantanés par catégories et types de contenu (films, séries, playlists).
  • Architecture : Full Stack avec Next.js 15 (App Router) utilisant une stratégie de rendu hybride : Génération Statique pour le catalogue public (SEO) et Composants Serveur ( Server Components ) pour les panneaux privés.
  • Backend & Données : API RESTful propriétaire intégrée avec MongoDB. Implémentation du Repository Pattern pour abstraire la logique de données et maintenir un code propre.
  • Sécurité : Gestion des sessions via Cookies HttpOnly et Middleware Next.js pour la protection des routes sur le serveur (Edge).
  • Stack : TypeScript, Tailwind CSS, Radix UI, SWR pour la récupération de données avec cache ( data fetching ), et Jest pour les tests automatisés.

Étapes à suivre

  1. Contact

    Dites-moi ce dont vous avez besoin : un appel court pour comprendre le projet, le périmètre et les délais.

  2. Discovery

    Nous relevons les exigences, les utilisateurs et les contraintes ; ce qui se construit —et ce qui non— reste écrit.

  3. Présentation de la solution

    Je vous présente la proposition —architecture, périmètre par étapes et budget— et on ajuste ce qu'il faut.

  4. Design

    Je conçois l'interface et les flux principaux ; vous validez l'apparence et l'usage avant de construire.

  5. Développement

    Construction par étapes avec des livraisons à essayer : chaque avancement se voit fonctionner, pas dans un rapport.

  6. Mise en production

    Mise en production, migration des données si nécessaire, formation et support de démarrage.