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

sir, can't install ngx-toastr it does not install it shows an error, icant understand . what can i do please clarify my doubt

here is my issue :

D:\sai-angular-practice\veeru_workspace>npm install ngx-toastr -save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^15.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@">=16.0.0-0" from [email protected]
npm ERR! node_modules/ngx-toastr
npm ERR! ngx-toastr@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\91961\AppData\Local\npm-cache\_logs\2023-10-18T16_54_38_869Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\91961\AppData\Local\npm-cache\_logs\2023-10-18T16_54_38_869Z-debug-0.log


idont understand my problem , please solve this

Thanks for the video. But not getting through authentication. while submitting the login form, getting "An error occurred during registration."

Many thanks for this tutorial, very helpfully !

Amazing sir

Great content, Thank you👊

Thanks.

PUT /user/[object℅20Object] 404

SIR I WRITE SAME CODE BUT MY USER DOESNOT UPDATE it give error For url ?
Why can you explain plzzz

how to i add menu in json array in this project

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

A very useful tutorial

redirect if not signed.. good

informative tutorial thank you for shearing it

Authgaurd not. Working sir, class constructor authgaurd cannot be invoked without new

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

Thanks, Mate! Amazing tutorial!

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

bsdk sahi se explain kar ben ke land

Good tutorial, but you forgot to add error catcher in the log in. What if the user didn't register and tried enter credentials that is not yet created or registered.
thank you

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

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},

hello can you make a video for radio button and text area display in console without button .use only click radio button. like 1st radio button is yes and the same line text area. but only one click for both. thank you

Firstly thank you very much for the great tutorial, I seem to have an issue on the below code while trying to login, "this.userdata" is undefined but I do have the data from the db.json file futhermore when debugging I can see the username value going to the service. Please help!!
if (this.loginform.valid) {
this.service.Getbycode(this.loginform.value.username).subscribe(res => {
this.userdata = res;
console.log(this.userdata);

Hi bro, I tried your guidelines, but stuck in datasource in mattable is not working

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?

HI, I have folowed your tutorial, after creating complete registration, when clicked on submit, its going to else part, showing please enter valid data,
please help me with this code.

first which password use

Thanks bro . I followed your tutorial It helps me well

canActivate is deprecated .. how to solve this?

am submitting the registration details its not storing them in the db
why?

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.

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?

Nice!

Great! Thank you!

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

where i can get BE api source code

I am getting the error for the ' localhost:3000'. Err_connection_refused

Would be better if you can create a video for interceptor as well with complete authentication and authorization

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

Hello Sir,
Firstful, I would like to think you about this wonderful Video.
Secondly, I woud like to report warning Toaster that I got. I dont know why I can get the warning notification
however, i got this in console :
{toastId: 2, title: '', message: 'Veuillez à Entrer des données correctes', toastRef: ToastRef, onShown: Observable, …}

Very good work.
Can I have your Backend code of angular application.

Show

Great tutorial. thanks

please give me source code sir

Good tutorial bro.. It would be very helpful if you can make a tutorial on how to preview and confirm form data before submitting it to the server in angular. Thank you for this tutorial

I follow your code but user registration form (submit) is not taking any value. Why it is so Answer please

sessionStorage geting null vale? pls help sir

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