Application web moderne pour organiser, explorer et regarder vos films et séries préférés en toute simplicité.
Pour commencer avec StreamIt, suivez ces étapes simples:
-
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
-
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.htmlet sélectionnez Open with Live Server (extension recommandée). - Avec Python:
python3 -m http.server 8000
- Avec VSCode: faites un clic droit sur
💡 Vous pouvez lancer le serveur avec
python3 -m http.server 8000 --bind 0.0.0.0pour que n'importe qui sur votre réseau Wifi puisse accéder au site. Il vous suffit de récupérer votre IP réseau local (192.168.x.x) avec ifconfig dans un terminal, et de mettre :8000 à la fin !
-
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 2 To de stockage pour l’ensemble des films et séries.
- Bibliothèque unifiée 🎞️ : fiches riches pour films et séries (titre, synopsis, genres, note, casting, durée, année) avec visuels dédiés.
- Recherche + filtres 🔍 : barre instantanée, filtres par genre/année/note et tri pour affiner en temps réel.
- Lecteur intégré 🎥 : lecteur moderne, contrôles complets et reprise automatique de la lecture grâce au stockage local.
- Responsive & navigation 📱💻🧭 : interface fluide, transitions sans rechargement et mise en page adaptée desktop/tablette/mobile.
- Performance & accessibilité ⚡♿ : chargements asynchrones, caching léger, focus visibles et navigation clavier de base.
Vous pouvez tester l'application ici.
 |
 |
 |
 |
 |
 |
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
│ └── logo.png # Logo de l'application
├── data/ # Dossier contenant les données JSON
│ ├── films_data.json # Données des films
│ ├── series_data.json # Données des séries
│ ├── notifs.json. # Données de notifications
│ └── 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
- Accès au média :
Malgrès le blocage du DevTools, n'importe quel utilisateur peut accéder au fichier vidéo et les télécharger relativement facilement. Il leur suffit juste de récupérer l'arborescence ou le chemin d'accès aux médias et en le rajoutant à la fin de l'url
(/medias/films/avatar/avatar.mp4)et il récupère dans ce cas le fichier vidéo du film Avatar.
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.
