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.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

4.1. Develop Full Stack Boilerplate: workspace, environment and database preparation

The previous articles demonstrated the basic prep work to start writing code. And now we can start! This article shows the execution of the first task of the first stage: “Create workspace, set up environment and migrations on backend“ Check installed globally versions of NodeJS, NX, Angular, NestJS and update or install it Generate nx workspace with … Read more