🗃️ added more films & collections

Author: LoupesDEV

README.md

@@ -55,14 +55,64 @@ Pour commencer avec StreamIt, suivez ces étapes simples:
 
 # Fonctionnalités
 
-- **Gestion complète du contenu** 🎞️ : Parcourez et gérez facilement vos films et séries préférés grâce à des fiches détaillées (description, genres, note IMDb, créateurs, réalisateurs, acteurs).
-- **Chargement dynamique des données** 📊 : Profitez d'une interface réactive où les informations se mettent à jour en temps réel, sans rechargement de page.
-- **Lecteur vidéo intégré** 🎥 : Regardez vos films et épisodes directement dans l’application avec un lecteur moderne, des contrôles intuitifs et une reprise rapide de la lecture.
-- **Recherche intelligente** 🔍 : Accédez instantanément à n'importe quel contenu grâce à une barre de recherche puissante disponible dès l'accueil.
-- **Navigation intuitive** 🧭 : Passez facilement d’un contenu à l’autre ou revenez à l’accueil via une interface fluide et ergonomique.
-- **Design adaptatif** 📱💻 : Bénéficiez d’une expérience optimale sur tous vos appareils (ordinateur, tablette, mobile) grâce à une mise en page responsive.
-- **Ajout de contenu simplifié** 📝 : Enrichissez votre bibliothèque en quelques clics grâce à des formulaires dédiés à l’ajout de nouveaux films ou séries.
-- **Import/Export des informations de visionnage** 🔄 : Exportez ou importez facilement votre historique, vos épisodes vus, minutages et autres données pour migrer ou synchroniser vos informations entre différents appareils.
+- **Gestion complète du contenu** 🎞️  
+    Fiches détaillées pour films & séries (titre, synopsis, genres, note IMDb, créateurs, réalisateurs, acteurs, durée, année).
+
+- **Chargement dynamique** 📊  
+    Interface réactive avec mise à jour asynchrone des listes et des fiches sans rechargement de page.
+
+- **Lecteur vidéo intégré** 🎥  
+    Lecteur moderne avec contrôles (play/pause, seek, vitesse, piste audio, sous-titres), reprise automatique de la lecture et position de reprise.
+
+- **Recherche intelligente & filtres avancés** 🔍  
+    Barre de recherche instantanée + filtres (genre, année, note, langue, disponibilité) et tris personnalisables.
+
+- **Navigation intuitive** 🧭  
+    Parcours fluide entre pages, historique de navigation, et boutons de retour/accueil faciles d’accès.
+
+- **Design adaptatif (responsive)** 📱💻  
+    Interface optimisée pour desktop, tablette et mobile avec disposition adaptative et composants réactifs.
+
+- **Ajout & édition de contenu simplifiés** 📝  
+    Formulaires pour ajouter/modifier films, séries, saisons et épisodes; validation JSON et aperçu avant enregistrement.
+
+- **Collections & playlists** 📚  
+    Créez, organisez et partagez des collections ou listes de lecture (favoris, à regarder, playlists thématiques).
+
+- **Profils utilisateurs & permissions** 👥  
+    Multi-utilisateurs, profils personnalisés, préférences (langue, qualité vidéo) et gestion des droits.
+
+- **Historique & statistiques de visionnage** 📈  
+    Suivi des épisodes vus, minutages, temps visionné, classements personnels et tableaux de statistiques.
+
+- **Import / Export & synchronisation** 🔄  
+    Importer/exporter la bibliothèque et l’historique au format JSON, synchronisation entre appareils via fichiers ou API.
+
+- **Fonctionnalités sociales** ⭐  
+    Notes, avis, commentaires et partage de collections ou titres (optionnel selon configuration).
+
+- **Support des sous-titres et pistes audio** 🔤  
+    Chargement de fichiers de sous-titres (SRT, VTT), sélection de pistes audio et compatibilité multi-langue.
+
+- **Compatibilité & performance** ⚡  
+    Chargement paresseux des médias, cache local (IndexedDB/localStorage) et prise en charge des grands catalogues.
+
+- **Accessibilité** ♿  
+    Navigation clavier, contrastes adaptés et support des lecteurs d’écran pour une utilisation inclusive.
+
+- **Extensibilité & intégration** 🔌  
+    API simple pour développeurs, import depuis sources externes, et possibilité d’ajouter plugins ou connecteurs.
+
+- **Sécurité & confidentialité** 🔒  
+    Options pour stockage local privé, export/effacement des données et bonnes pratiques pour la gestion des fichiers médias.
+
+- **Documentation & contribution** 📘  
+    Guides pour installation, configuration, contribution et modèles de données JSON clairement documentés.
+
+- **Paramètres avancés** ⚙️  
+    Contrôles pour qualité par défaut, stockage des médias, préférences d’affichage et réglages de lecture.
+
+Ces fonctionnalités peuvent être activées ou adaptées selon vos besoins et la configuration de votre instance StreamIt.
 
 # Démo
 
@@ -82,8 +132,8 @@ Vous pouvez tester l'application [ici](https://www.matheo-pichotmoise.fr/StreamI
             <td><img src="medias/README/series.png" alt="Page des séries"/></td>
             <td><img src="medias/README/series_info.png" alt="Page d'information des séries"/></td>
         <tr>
+            <td><img src="medias/README/collections.png" alt="Page des collections"/></td>
             <td><img src="medias/README/stats.png" alt="Page des statistiques"/></td>
-            <td><img src="medias/README/add.png" alt="Page d'ajout"/></td>
         </tr>
     </table>
 </div>
@@ -104,7 +154,8 @@ StreamIt/
 │   └── README/               # Dossier pour les images du README
 ├── data/                     # Dossier contenant les données JSON
 │   ├── films_data.json       # Données des films
-│   └── series_data.json      # Données des séries
+│   ├── series_data.json      # Données des séries
+│   └── collections.json      # Données des collections
 ├── README.md                 # Documentation du projet
 ├── CONTRIBUTING.md           # Guide de contribution
 ├── CODE_OFCONDUCT.md         # Code de conduite pour les contributeurs

data/collections.json

@@ -101,5 +101,26 @@
     "name": "Dexter",
     "films": [],
     "series": ["Dexter", "Dexter : New Blood", "Dexter : Les Origines"]
+  },
+  "Batman": {
+    "name": "Batman",
+    "films": [
+      "Batman Begins",
+      "Batman The Dark Knight : Le Chevalier noir",
+      "Batman The Dark Knight Rises",
+      "The Batman"
+    ],
+    "series": []
+  },
+  "Detective Comics (DC)": {
+    "name": "Detective Comics (DC)",
+    "films": [
+      "Man of Steel",
+      "Batman Begins",
+      "Batman The Dark Knight : Le Chevalier noir",
+      "Batman The Dark Knight Rises",
+      "The Batman"
+    ],
+    "series": []
   }
 }

data/films_data.json

@@ -1541,5 +1541,125 @@
     "trailer": "https://www.youtube.com/watch?v=bf5y-p5Mprg",
     "directors": ["Pierre Perifel", "JP Sans"],
     "writers": ["Yoni Brenner", "Etan Cohen", "Aaron Blabey"]
+  },
+  "Batman Begins": {
+    "title": "Batman Begins",
+    "description": "Alors que le souvenir de ses parents assassinés le hante, Bruce Wayne, désemparé, erre à travers le monde cherchant les moyens de combattre l'injustice et ses propres peurs. Avec l'aide de son dévoué majordome et homme de confiance Alfred, de l'inspecteur Jim Gordon et de son allié Lucius Fox, Wayne revient à Gotham City et révèle son alter ego: Batman, un justicier masqué qui utilise sa force, son intelligence et une batterie d'armes high-tech pour combattre les forces sinistres qui menacent la ville…",
+    "banner": "medias/films/batman-begins/batman-begins.jpg",
+    "video": "medias/films/batman-begins/batman-begins.mp4",
+    "IMDb": 8.2,
+    "IMDb_link": "https://www.imdb.com/title/tt0372784/",
+    "year": 2005,
+    "genres": [
+      "Action Epic",
+      "Epic",
+      "Psychological Drama",
+      "Superhero",
+      "Tragedy",
+      "Action",
+      "Crime",
+      "Drama",
+      "Thriller"
+    ],
+    "stars": ["Christian Bale", "Michael Caine", "Liam Neeson"],
+    "trailer": "https://www.youtube.com/watch?v=jXrFsn9pcZY",
+    "directors": ["Christopher Nolan"],
+    "writers": ["Bob Kane", "David S. Goyer", "Christopher Nolan"]
+  },
+  "Batman The Dark Knight : Le Chevalier noir": {
+    "title": "Batman The Dark Knight : Le Chevalier noir",
+    "description": "Batman aborde une phase décisive de sa guerre contre le crime à Gotham City. Avec l'aide du lieutenant de police Jim Gordon et du nouveau procureur Harvey Dent, il entreprend de démanteler les dernières organisations criminelles qui infestent les rues de la ville. L'association s'avère efficace, mais le trio se heurte bientôt à un nouveau génie du crime qui répand la terreur et le chaos dans Gotham : le Joker. On ne sait pas d'où il vient ni qui il est. Ce criminel possède une intelligence redoutable doublé d'un humour sordide et n'hésite pas à s'attaquer à la pègre locale dans le seul but de semer le chaos.",
+    "banner": "medias/films/the-dark-knight-le-chevalier-noir/the-dark-knight-le-chevalier-noir.jpg",
+    "video": "medias/films/the-dark-knight-le-chevalier-noir/the-dark-knight-le-chevalier-noir.mp4",
+    "IMDb": 9.1,
+    "IMDb_link": "https://www.imdb.com/title/tt0468569/",
+    "year": 2008,
+    "genres": [
+      "Action Epic",
+      "Psychological Thriller",
+      "Superhero",
+      "Tragedy",
+      "Action",
+      "Crime",
+      "Drama",
+      "Thriller"
+    ],
+    "stars": ["Christian Bale", "Heath Ledger", "Aaron Eckhart"],
+    "trailer": "https://www.youtube.com/watch?v=UMgb3hQCb08",
+    "directors": ["Christopher Nolan"],
+    "writers": ["Jonathan Nolan", "Christopher Nolan", "David S. Goyer"]
+  },
+  "Batman The Dark Knight Rises": {
+    "title": "Batman The Dark Knight Rises",
+    "description": "Afin que l'image de l'ex-procureur Harvey Dent reste un modèle du genre pour les citoyens de Gotham City, Batman a endossé les crimes de ce dernier et a été chassé de la ville par les autorités.  Huit ans plus tard, alors que Gotham City est de nouveau sûre, le commissaire Gordon tombe sur un complot qui vise à détruire la ville de l'intérieur.  Il fait appel à Batman. Ce dernier devra faire face à la mystérieuse Selina Kyle et à Bane, un adversaire mortel, qui veut mettre en pièce le symbole Batman.",
+    "banner": "medias/films/the-dark-knight-rises/the-dark-knight-rises.jpg",
+    "video": "medias/films/the-dark-knight-rises/the-dark-knight-rises.mp4",
+    "IMDb": 8.4,
+    "IMDb_link": "https://www.imdb.com/title/tt1345836/",
+    "year": 2012,
+    "genres": [
+      "Action Epic",
+      "Epic",
+      "Superhero",
+      "Tragedy",
+      "Action",
+      "Crime",
+      "Drama",
+      "Thriller"
+    ],
+    "stars": ["Christian Bale", "Gary Oldman", "Tom Hardy"],
+    "trailer": "https://www.youtube.com/watch?v=OiqPQ7L_C00",
+    "directors": ["Christopher Nolan"],
+    "writers": ["Jonathan Nolan", "Christopher Nolan", "David S. Goyer"]
+  },
+  "The Batman": {
+    "title": "The Batman",
+    "description": "Durant les deux années passées à arpenter les rues en tant que Batman, Bruce Wayne s'est aventuré au cœur des ténèbres de Gotham City. Disposant de seulement quelques alliés de confiance au sein du monde corrompu qu'est l'élite de la ville, le justicier solitaire s'est imposé comme l'unique incarnation de la vengeance parmi ses concitoyens. Lorsqu'un meurtrier s'en prend aux plus grandes personnalités de Gotham à l'aide de machinations sadiques, le plus grand détective du monde se lance dans une enquête dans la pègre en suivant des indices mystérieux, croisant ainsi Selina Kyle, alias Catwoman, Oswald Cobblepot, alias le Pingouin, Carmine Falcone et Edward Nashton, alias le Riddler. Alors que les pistes et les plans du criminel s'éclaircissent, Batman doit tisser de nouveaux liens, démasquer le coupable et rétablir la justice à Gotham City, depuis trop longtemps empoisonnée par l'abus de pouvoir et la corruption.",
+    "banner": "medias/films/the-batman/the-batman.jpg",
+    "video": "medias/films/the-batman/the-batman.mp4",
+    "IMDb": 7.8,
+    "IMDb_link": "https://www.imdb.com/title/tt1877830/",
+    "year": 2022,
+    "genres": [
+      "Action Epic",
+      "Epic",
+      "Hard-boiled Detective",
+      "Serial Killer",
+      "Superhero",
+      "Tragedy",
+      "Action",
+      "Crime",
+      "Drama",
+      "Mystery"
+    ],
+    "stars": ["Robert Pattinson", "Zoë Kravitz", "Jeffrey Wright"],
+    "trailer": "https://www.youtube.com/watch?v=hWRSJlp50rQ",
+    "directors": ["Matt Reeves"],
+    "writers": ["Matt Reeves", "Peter Craig", "Bob Kane"]
+  },
+  "Man of Steel": {
+    "title": "Man of Steel",
+    "description": "Un petit garçon découvre qu’il possède des pouvoirs surnaturels et qu’il n’est pas né sur Terre. Plus tard, il s’engage dans un périple afin de comprendre d’où il vient et pourquoi il a été envoyé sur notre planète. Mais il devra devenir un héros s’il veut sauver le monde de la destruction totale et incarner l’espoir pour toute l’humanité.",
+    "banner": "medias/films/man-of-steel/man-of-steel.jpg",
+    "video": "medias/films/man-of-steel/man-of-steel.mp4",
+    "IMDb": 7.1,
+    "IMDb_link": "https://www.imdb.com/title/tt0770828/",
+    "year": 2013,
+    "genres": [
+      "Action Epic",
+      "Adventure Epic",
+      "Alien Invasion",
+      "Epic",
+      "Sci-Fi Epic",
+      "Superhero",
+      "Tragedy",
+      "UUrban Adventure",
+      "Action",
+      "Adventure"
+    ],
+    "stars": ["Henry Cavill", "Amy Adams", "Michael Shannon"],
+    "trailer": "https://www.youtube.com/watch?v=Xw4VeR7tCxU",
+    "directors": ["Zack Snyder"],
+    "writers": ["David S. Goyer", "Christopher Nolan", "Jerry Siegel"]
   }
 }