Bienvenue sur TekFlix, une application Angular de gestion et de découverte de films. Cette plateforme permet aux utilisateurs de parcourir une liste de films, de consulter leurs détails et d'ajouter des films à leurs favoris.
- 📄 Navigation fluide grâce au routing d'Angular
- 🎥 Liste des films avec détails complets
- ⭐ Ajout de films aux favoris
- 🔍 Fonctionnalité de recherche de films
- 🎨 Interface responsive avec Bootstrap
- 🎭 Utilisation d'icônes avec Font Awesome
Assurez-vous d'avoir installé :
git clone https://github.com/yosriharraby/TekFlix.git
cd TekFlix
npm install
npm install bootstrap
Ajoutez cette ligne dans le fichier angular.json
sous architect > build > options > styles :
"node_modules/bootstrap/dist/css/bootstrap.css"
npm install @fortawesome/fontawesome-free
Ajoutez cette ligne dans le fichier angular.json
sous architect > build > options > styles :
"node_modules/@fortawesome/fontawesome-free/css/all.min.css"
Pour démarrer l'application en local :
ng serve --open
L'application sera accessible à l'adresse : http://localhost:4200/
HeaderComponent
: Barre de navigation en haut de la pageFooterComponent
: Pied de page avec icônes et informationsHomeComponent
: Page d'accueilMovieListComponent
: Liste des filmsMovieDetailComponent
: Détails d'un film spécifiqueFavoritesComponent
: Liste des films favorisSearchComponent
: Fonction de recherche de films
Ajoutez les images nécessaires dans le dossier src/assets/public/
.
Ce projet est à but éducatif et réalisé dans le cadre d'un TP Angular.
If you have any questions or suggestions, feel free to reach out:
- Author: Yosri Harraby
- Email: [email protected]
- GitHub: yosriharraby
Bon codage ! 🚀