Angular 15 Authentication (Registration + Login + Role based access) using JSON server REST API

#angular #angular15 #nihiratechiees

This video provides the steps for implementing Angular 15 Authentication.
It includes below topics

1, Registration & Login using JSON-SERVER API
2, Authentication with role based access
3, Enable user access/ role assignment by admin user

System requirement
=================

2, Upgrade Angular CLI
npm uninstall -g @angular/cli
npm install -g @angular/cli

Application Setup
===============
1, Create application ng new Application name
2, Install Material UI ng add @angular/material
3, Install Toast Alert npm install ngx-toastr –save

Reference Link
=============
1, Angular Upgrade guide

GitHub Link for sourcecode
=======================

Join this channel to get access to perks:

[inesriahi]

I wanted to express my gratitude for this excellent video you've provided. Thank you for sharing such valuable content.

[antoniocpjunior]

Thanks so much Bro! It's just what i need to start my project !!

[anmasa]

Me ha parecido un tutorial muy bueno y muy completo, darte las gracias por tu tiempo, saludos desde España.

[StorytimewithHumi]

Thanks a lot for uploading using Json-server API 😄

[saminserge]

Many thanks for this tutorial, very helpfully !

[dharmendraputtu]

Thank you so much for your sharing knowledge it is helpful in my interview as well

[akadeadahot]

informative tutorial thank you for shearing it

[tigtkkp]

thank you, you have helped me a lot, greetings from Bolivia...

[gayankavinda]

Thanks bro . I followed your tutorial It helps me well

[Gyannea]

Do you have any idea why the login screen does not respond correctly to reducing the size of the browser? When decreasing the horizontal width, the right side gets cut off. The left side does fine. I have tried all kinds of FlexBox directives (which seem to work) but I can't get the cards to shrink monotonically. The right side always gets cut off.

[josbexerra]

Muchas gracias Mister Nihira por compartir conocimiento....

[avani]

This tutorial was amazing! Helped me out a lot with my personal project. However there's just one thing I can't seen to get right .The username is being attached to the apiURL and i'm getting a 404 not found. How can I fix this? I would like for when the user logs in and submits the form for the url capture the ID as this is how my routes are set up. {path: 'cat/:id', component: CatUserProfilePageComponent},

[chennaack]

Bro, Why we are using FormBuilder instead of FormGroup and FormControl. Is there any advantages?

[connectingdots-]

Hi, What would be the role name to add Customer detail? I am getting error "you are not authorized to access."

[michaelacevedo]

Hi tankyou it is really usefull, but i have a mistake, the inputs form are aligned one after the other, i dont know if you gave some class to this?

[FullStackDevGreg]

Great video to get start with Angular. I'm from React/Nextjs I'm thinking of learning angular as well. my overall impression is that the learning curve seems no too stip, Please can you advise me other tutorial on how to work with, dynamic routing, internationalisation routing, redux(observable) thank you in advance.

[Gyannea]

I do not understand regex at all, but I think you said at least 8 characters and at least one upper case, lower case, number, and special character. But if I start my password with a number the validator regex fails. If I don't start with a number, I can create a password that passes. What can I do to allow a password to start with a number?

[saiyathuabdulvahafj]

Its a wonderful video thanks for the effort. Only one request from my side is do the authentication and authorization using jwt.

[ranjithanaikp]

Hi, I have followed your tutorial. Till the updatepopupcompoentn its working fine, but while updating the isactive checkbox auto check is not working, and also unable to update also, its throwing 404 error on clicking update button could you please tell me where i may went wrong?

[sangamithrapc]

Sir "json-server --watch db.json" when i enter this command its shows not recognised. Should I install json first??