StreamIt

Application web moderne pour organiser, explorer et regarder vos films et séries préférés en toute simplicité.

Table des matières

• Comment utiliser StreamIt
• Fonctionnalités
• Démo
• Contributeurs
• Structure du projet

Comment utiliser StreamIt

Pour commencer avec StreamIt, suivez ces étapes simples:

1. Cloner le dépôt

   Téléchargez le projet en clonant le dépôt Git:

   git clone https://github.com/LoupesDEV/StreamIt.git

2. Lancer un serveur local

   Accédez au dossier cloné, puis lancez un serveur local pour servir les fichiers. Par exemple:

   • Avec VSCode: faites un clic droit sur index.html et sélectionnez Open with Live Server (extension recommandée).
   • Avec Python:

       python3 -m http.server 8000

3. Ouvrir l’application dans le navigateur

   Rendez-vous sur http://localhost:8000 pour accéder à StreamIt.

💡 Aucune installation supplémentaire n’est requise: StreamIt fonctionne directement dans votre navigateur!

Note bonus : Tous les films et séries présents sont issus de ma base de données personnelle, mais vous pouvez facilement ajouter vos propres contenus en modifiant les fichiers JSON du dossier data/. Pour disposer de la même bibliothèque que moi, prévoyez environ 1,5 To de stockage pour l’ensemble des films et séries.

Fonctionnalités

• Gestion complète du contenu 🎞️ Fiches détaillées pour films & séries (titre, synopsis, genres, note, 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 et reprise de la lecture (suivi local de la position de lecture).

• Recherche intelligente & filtres avancés 🔍 Barre de recherche instantanée et filtres pour affiner les résultats (genre, année, note, etc.).

• Navigation intuitive 🧭 Parcours fluide entre sections, gestion des états et actions de navigation claires pour l'utilisateur.

• Design adaptatif (responsive) 📱💻 Interface optimisée pour desktop, tablette et mobile avec mise en page réactive.

• Ajout & aperçu de contenu 📝 Formulaires dynamiques pour créer/éditer des fiches avec validation et aperçu JSON. Note : les changements sont préparés côté client (aperçu/copier) — l'écriture automatique sur un serveur n'est pas fournie.

• Collections & playlists 📚 Création et consultation de collections ou listes thématiques (favoris, à regarder, playlists).

• Import / Export 🔄 Import et export manuels via fichiers JSON pour la sauvegarde et la restauration de l'historique. La synchronisation automatique multi-appareils (via API serveur) n'est pas incluse.

• Compatibilité & performance ⚡ Optimisations côté client (caching local et amélioration des performances). Remarque : IndexedDB ou lazy-loading des médias ne sont pas activement utilisés par défaut — il est possible d'ajouter ces optimisations si nécessaire.

• Accessibilité ♿ Support de base pour la navigation clavier et styles focus visibles. Un support complet pour lecteurs d'écran et ARIA peut nécessiter des améliorations supplémentaires.

• Documentation & contribution 📘 Guides et modèles pour l'installation, la contribution et le format des données (à enrichir si besoin).

Démo

Vous pouvez tester l'application ici.

Structure du projet

Le projet est organisé de la manière suivante:

StreamIt/
├── index.html                # Page principale l'application
├── error.html                # Page d'erreur (404)
├── css/                      # Dossier contenant les fichiers CSS
├── js/                       # Dossier contenant les fichiers JavaScript
├── medias/                   # Dossier contenant les médias (images, vidéos, etc.)
│   ├── films/                # Dossier pour les images des films
│   ├── series/               # Dossier pour les images des séries
│   └── 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
│   └── 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
├── jsdoc.json                # Configuration pour JSDoc
├── .gitignore                # Fichier pour ignorer certains fichiers dans Git
└── LICENSE                   # Fichier de licence

Contributeurs

Merci aux personnes et ressources ayant contribué au projet:

• LoupesDEV — Développement principal, conception et maintenance.
• GitHub Advanced Security — Sécurité et bonnes pratiques.

Vous souhaitez contribuer ? Consultez le guide de contribution ou ouvrez une issue pour proposer des améliorations.