|
|
@@ -1,27 +1,25 @@
|
|
1
|
|
-# UsersProjectsCompaniesAngularNgrxFrontend
|
|
|
1
|
+# Partie fronted: application Angular
|
|
2
|
2
|
|
|
3
|
3
|
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.4.
|
|
4
|
4
|
|
|
5
|
|
-## Development server
|
|
|
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
|
7
|
|
|
7
|
|
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
|
|
|
8
|
+## Les dépendances
|
|
|
9
|
+Pour exécuter cete application frontend, quelques dépendances installer.
|
|
8
|
10
|
|
|
9
|
|
-## Code scaffolding
|
|
|
11
|
+La documentation sur le lien suivant présente en détail la mise en place des modules nécessaires et leur rôle pour ce pattern NgRx. [pattern NgRx](https://ngrx.io/guide/store)
|
|
10
|
12
|
|
|
11
|
|
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
|
|
|
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`
|
|
|
17
|
+### 2. Pour la gestion des styles
|
|
|
18
|
+Angular utilise son propre framework **Primeng** pour gérer les styles
|
|
12
|
19
|
|
|
13
|
|
-## Build
|
|
|
20
|
+installation:
|
|
|
21
|
+* npm install primeng --save
|
|
|
22
|
+* npm install primeicons --save
|
|
14
|
23
|
|
|
15
|
|
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
|
24
|
+Pour en savoir plus, voir la documentation de [Primeng](https://www.primefaces.org/primeng/setup)
|
|
16
|
25
|
|
|
17
|
|
-## Running unit tests
|
|
18
|
|
-
|
|
19
|
|
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
20
|
|
-
|
|
21
|
|
-## Running end-to-end tests
|
|
22
|
|
-
|
|
23
|
|
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
|
|
24
|
|
-
|
|
25
|
|
-## Further help
|
|
26
|
|
-
|
|
27
|
|
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
