1 Create Base Project Structure & Webpack Config ,
2 Creating the home login register component with Routing and barret ,
3 Creating fake backend global api and authentification Service that will handle the bancked ,
3.5 Authentification Login Component creation Logic and ViewTemplate,
4 injecting Authentification to the AppComponent to check the logedCurrentUser.
5 Guards creating and adding to routingModule ,
6 Interceptors & Error Interceptors for the HTTP Request,
7 Updating the fake backend for Register Users Storing each user in the localStorage,
8 Creating UserService that manage the Crud of the users ,
9 Creating Register Logic that handles formGroup validation, Submission, Error Handling , and binding to the Template View,
10 Adding Success Message verifying the sended QueryParams Property Option ,
11 Adding Crud functionalities to the Fake-Backend,
12 Creating the Logic for the Home Component and the Template to display each user registered and delete,
13 Alert Service, 14 Creating the Alert Component and adding the selector to the app-component ,
15 Refactoring Login Component with the new Alert Service,
16 Refactoring Register Component with the new AlertService
theduodecim / authentification-angular-8-webpack Goto Github PK
View Code? Open in Web Editor NEW1 Create Base Project Structure & Webpack Config , 2 Creating the home login & register component with Routing and barret , 3 Creating fake backend & global api and authentification Service that will handle the bancked , 3.5 Authentification Login Component creation Logic and ViewTemplate, 4 injecting Authentification to the AppComponent to check the logedCurrentUser 5 Guards creating and adding to routingModule , 6 Interceptors & Error Interceptors for the HTTP Request, 7 Updating the fake backend for Register Users Storing each user in the localStorage, 8 Creating UserService that manage the Crud of the users , 9 Creating Register Logic that handles formGroup validation, Submission, Error Handling , and binding to the Template View, 10 Adding Success Message verifying the sended QueryParams Property Option , 11 Adding Crud functionalities to the Fake-Backend, 12 Creating the Logic for the Home Component and the Template to display each user registered and delete, 13 Alert Service, 14 Creating the Alert Component and adding the selector to the app-component , 15 Refactoring Login Component with the new Alert Service, 16 Refactoring Register Component with the new AlertService