Projet Académique Angular - Gestion d'Événements

📚 Contexte Académique

Ce projet a été développé dans le cadre d'un projet académique encadré par Madame Emna RBII.

L'objectif de ce projet est d'apprendre et de maîtriser les concepts fondamentaux d'Angular à travers la création d'une application de gestion d'événements.

🎯 Objectifs Pédagogiques

• Maîtriser l'architecture des composants Angular
• Comprendre le système de routage d'Angular
• Implémenter la liaison de données bidirectionnelle (Two-way data binding)
• Utiliser les services et l'injection de dépendances
• Gérer les formulaires et la validation
• Créer une interface utilisateur responsive avec Bootstrap

🚀 Fonctionnalités de l'Application

• Gestion d'événements : Affichage, recherche et filtrage d'événements
• Système de navigation : Routage entre différentes pages
• Interface responsive : Compatible mobile et desktop
• Interactions utilisateur : Système de likes et d'achat de billets

💻 Technologies Utilisées

• Angular 18.2.21 - Framework principal
• TypeScript - Langage de programmation
• Bootstrap - Framework CSS pour le design
• Angular Router - Gestion de la navigation
• Angular Forms - Gestion des formulaires

🛠️ Installation et Démarrage

Prérequis

• Node.js (version 18 ou supérieure)
• npm (gestionnaire de paquets)
• Angular CLI

Installation

npm install

Serveur de développement

ng serve

Naviguez vers http://localhost:4200/. L'application se rechargera automatiquement si vous modifiez des fichiers source.

📁 Structure du Projet

src/
├── app/
│   ├── features/
│   │   ├── events/           # Module des événements
│   │   └── tickets/          # Module des billets
│   ├── layout/               # Composants de mise en page
│   │   ├── header/
│   │   ├── footer/
│   │   ├── home/
│   │   └── not-found/
│   ├── models/               # Modèles de données
│   └── shared/               # Services partagés
└── assets/                   # Ressources statiques

🔧 Scripts Disponibles

• ng serve - Démarre le serveur de développement
• ng build - Compile le projet
• ng test - Exécute les tests unitaires
• ng lint - Analyse la qualité du code

📖 Concepts Angular Abordés

1. Composants - Création et gestion des composants
2. Services - Injection de dépendances et services
3. Routage - Navigation entre les pages
4. Directives - *ngFor, *ngIf, etc.
5. Pipes - Transformation des données
6. Formulaires - Template-driven et reactive forms
7. Modules - Organisation modulaire de l'application

👥 Équipe

Encadrant : Madame Emna Rbii
Développeur : Smail Chemlali

📚 Ressources d'Apprentissage

• Documentation Angular
• Angular CLI
• Bootstrap Documentation

---

Projet réalisé dans un contexte pédagogique - [Année académique 2025-2026]