Définir la Structure Frontend du Projet GeekHR Connect avec Angular

[maestro2711]

Titre du ticket : Configuration de PrimeNG, PrimeFlex, PrimeIcons et structure du frontend pour GeekHR Connect

Description détaillée :

Pour établir une base solide et uniforme pour notre application Angular, GeekHR Connect, il est essentiel de mettre en place une bibliothèque de composants UI robuste et une structure de projet claire. Ce ticket couvre l'installation de PrimeNG, PrimeFlex, et PrimeIcons, la configuration des styles associés, et la mise en place d'une structure de dossiers cohérente pour le projet.

Tâches à Réaliser :

1. Installation des Dépendances :

• [x] Exécuter la commande npm i primeng primeflex primeicons pour installer les bibliothèques nécessaires.
• [x] Assurer que les versions installées sont compatibles avec la version actuelle d'Angular utilisée dans le projet.

2. Configuration des Styles :

   • [x] Dans le fichier styles.scss à la racine du projet, importer les fichiers CSS nécessaires :

     @import "primeicons/primeicons.css"; @import "primeng/resources/themes/lara-light-blue/theme.css"; @import "primeng/resources/primeng.css"; @import "primeflex/primeflex.css";

3. Définition de la Structure du Frontend :

   • [x] Layout Components : Créer un dossier layout sous src/app pour les composants de base tels que header, breadcrumb, et footer.

   • [x] Pages : Établir un dossier pages sous src/app pour contenir les composants représentant les différentes pages de l'application.

   • [x] Services : Créer un dossier services sous src/app pour regrouper les services Angular qui géreront la logique métier et les appels réseau

   • [x] Models : Mettre en place un dossier models sous src/app pour définir les interfaces ou classes représentant les structures de données utilisées.

4. Vérification et Tests :

   • [x] Assurer que le projet compile et s'exécute sans erreurs après l'installation et la configuration des bibliothèques.
   • [x] Vérifier que les styles de PrimeNG sont correctement appliqués aux composants.

Critères d'Acceptation :

• Les packages PrimeNG, PrimeFlex, et PrimeIcons doivent être installés et configurés correctement.
• Les imports de styles doivent être correctement ajoutés et fonctionnels.
• La structure de dossiers proposée doit être mise en place et prête à être utilisée par l'équipe de développement.
• Le projet doit compiler sans erreurs et les styles doivent s'appliquer correctement lors du rendu des composants.

Ressources Nécessaires :

PrimeNG : Documentation de PrimeNG PrimeIcons : PrimeIcons PrimeFlex : PrimeFlex

[maestro2711]

done