TODO APP - Authentication in Angular - AuthGuard | CanActivate | Role Auth (Front-End)

Authentication in Angular - AuthGuard | CanActivate | Role Auth

In this series we will be going through a step by step process to implementing an auth guard in your TODO APP which is used to protect your routes from unauthorized access in angular.

What you will learn from this video :
1. Generating a guard using the angular cli
2. Implementing the logic in your auth guard
3. Protecting routes by adding the canActivate and referencing the AuthGuard you have created
4. Route user to login page if they try if they do not have access to a certain page

Videos related to TODO APP :
1 . TODO HOME -    • Master Angular as You Build a Fully F...  
2. TODO LOGIN and Register -    • TODO APP - CREATING A LOGIN AND REGIS...  
3. TODO DATABASE -    • TODO APP - How to Create MS SQL Datab...  
4. TODO ADD and EDIT PAGE -    • TODO APP - ADD AND EDIT PAGE - FRONT-...  
5. Hashing Password -    • C# (.NET Core 6) - HOW TO HASH PASSWO...  
6. .NET Core 6 - Web API - User Authentication - Login and Registration Endpoints -    • .NET Core 6 - Web API - User Authenti...  
7. .NET Core 6 Web API - Authentication with JSON Web Token (JWT) -    • .NET Core 6 Web API - User Authentica...  
8. .NET Core Web API CORS Implementation with Angular Application -    • .NET Core Web API CORS Implementation...  
9. Todo -Angular Authentication (Login and Registration) -    • Todo -Angular Authentication (Login a...  
10. TODO APP -USER TASKS (CRUD) - ASP NET Core 6 Web API using Entity Framework(ORM) -    • TODO APP -USER TASKS (CRUD) - ASP NET...  
11. ASP NET CORE 6 API : HOW TO GET USER ID OF CURRENTLY LOGGED IN USER using HTTPCONTEXT - Part 13 -    • ASP NET CORE 6 API : HOW TO GET USER ...  
12. Angular HTTP Interceptor - Build An Authentication Interceptor Step by Step Implementation -    • Angular Authentication: Secure Your A...  

Please don't forget to LIKE , SHARE and SUBSCRIBE

#.NETCore6 #Full-stack-developer