|
|
@@ -3,24 +3,30 @@
|
|
3
|
3
|
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.4.
|
|
4
|
4
|
|
|
5
|
5
|
## Introduction
|
|
6
|
|
-Dans cette partie fronted, nous avons utilisé le pattern **NgRx** d'Angular. Ce pattren, on met en place le store, le reducer et les effects pour la gestion de différents états de l'aplication.
|
|
|
6
|
+Dans cette partie fronted, nous avons utilisé le pattern **NgRx** d'Angular et le framework Primeng.
|
|
7
|
7
|
|
|
8
|
|
-## Les dépendances
|
|
9
|
|
-La documentation sur le lien suivant présente en détail la mise en place des modules nécessaires et leur rôle pour le pattern **NgRx** d'Angular. [pattern NgRx](https://ngrx.io/guide/store)
|
|
|
8
|
+- Le pattern NgRx met en place des modules nécessaires pour la gestion de différents états de l'application dans le store.
|
|
|
9
|
+ - La documentation [pattern NgRx](https://ngrx.io/docs) présente en détail ces modules pour mettre en place le pattern NgRx.
|
|
|
10
|
+- Pour les différents styles graphiques, Angular possède son propre framework Primeng.
|
|
|
11
|
+ - Pour en savoir plus, la documentation [Primeng](https://www.primefaces.org/primeng/setup)
|
|
10
|
12
|
|
|
11
|
|
-Pour exécuter cette application frontend, quelques dépendances installer.
|
|
12
|
13
|
|
|
13
|
|
-### 1. Pour la gestion des états de l'application
|
|
14
|
|
-* **Store**: `npm install @ngrx/store --save`
|
|
15
|
|
-* **Store-devtools**: `npm install @ngrx/store-devtools --save`
|
|
16
|
|
-* **Effects**: `npm install @ngrx/effects --save`
|
|
|
14
|
+## Les dépendances
|
|
17
|
15
|
|
|
18
|
|
-### 2. Pour la gestion des styles
|
|
19
|
|
-Angular utilise son propre framework **Primeng** pour gérer les styles
|
|
|
16
|
+1. Pour la mise en place du pattern NgRx d'Angular, les modules installés:
|
|
|
17
|
+ - store
|
|
|
18
|
+ - store-devtools
|
|
|
19
|
+ - effects
|
|
|
20
|
+2. Pour la gestion des styles:
|
|
|
21
|
+ - Primeng.
|
|
20
|
22
|
|
|
21
|
|
-installation:
|
|
22
|
|
-* `npm install primeng --save`
|
|
23
|
|
-* `npm install primeicons --save`
|
|
|
23
|
+3. Toutes ces dépendances et les autres dépendances nécessaires pour exécuter l'application sont recensées dans le fichier **package.json** à la racine du répertoire de l'application
|
|
24
|
24
|
|
|
25
|
|
-Pour en savoir plus, voir la documentation de [Primeng](https://www.primefaces.org/primeng/setup)
|
|
|
25
|
+## Lancement de l'application frontend
|
|
|
26
|
+1. Récupérer le repository : `git clone` https://gitea.natan.fr/placidenduwayo/projects-management-microservices-frontend.git
|
|
|
27
|
+2. Néttoyer l'application et fixer toutes les vulnérabilités en exécutant la ligne de commande `npm audit fix`
|
|
|
28
|
+ - Cette ligne de commande va télécharger puis installer dans le package **node_modules** toutes les dépendances nécessaires pour l'application
|
|
26
|
29
|
|
|
|
30
|
+3. Exécuter l'application avec la ligne de commande :`npm start` ou `ng serve`
|
|
|
31
|
+4. Aller à la page d'accueil http:localhost:4200:
|
|
|
32
|
+ 
|
