4.4.3 Develop frontend authentication. Check authentication and role based access

In the previous article, we described the process of developing Angular cookie-based authentication with role-based access. This article presents the final touches: first, adding a feature that displays a list of users for the Admin role and restricts access for the User role, and second, completing the error pages that were generated earlier. Users Service … Read more

4.4.2 Develop frontend authentication: Implementing Cookie-Based Authentication and Role-Based Access Control in Angular: AuthService, Guards, Interceptors, and Navigation

In previous article we updated our backend project to add Role Based Access Control, configured CORS in backend’s main.ts file and enhanced our logout feature. Now, we are ready back to the fronted app to develop frontend authentication. auth-service library Generate auth-service library: npx nx g @nx/angular:library auth \\ –prefix mtfs \\ –importPath=@mtfs/frontend/auth-service \\ –tags … Read more

4.4.1 Update backend to implement Role Based Access Control (RBAC), add CORS and update logout feature

Introduction Before diving into frontend authentication, it’s essential to establish a strong foundation by implementing Role-Based Access Control (RBAC) on the backend. This approach ensures that the basics of authentication and RBAC are developed simultaneously, providing a secure and efficient authentication system. This article guides you through the steps to create roles, guards, and necessary … Read more

4.3. Develop full stack boilerplate: create basic app сomponents and set up global styles structure on Angular frontend

Let’s continue developing step-by-step JavaScript full stack real world business system for transportation logistics (full table of contents here). Now we can move from backend development to frontend development . This article describes the implementation of two tasks from the first stage of the project plan  for developing the ‘Awesome Trucks Company System’: Creating basic … Read more