Authentication in Angular- AuthGuard | CanActivate | Role Auth

[@vigneshsridhar7252]

Bro really your videos more neat and clear... please post more videos bro... you get more viewers and subscribers.

[@letsprogram30]

Thanks you 🙂

[@roman-tp6sd]

Tnx from Argentina!

[@suryaguthula6531]

Thankyou Bro.awesome and very helpful video. Please make a video on Authentication &Authorization using JWT.Thankyou..

[@deepakmoningi]

Every time ur proving that ur a real genius 👌👌

[@maestro4704]

Hey, where can I find the whole video, with local storage and the login functions. Thank you so much

[@trustingod0]

I have had a lot of experience and training in developing software. I was taught as well as it makes sense to just hide functionality from a user if they do not have access to it. unless some functionality is disabled until a certain condition is met like in the case of a submit button being disabled untill the form fields are valid, it greatly irritates a user when you show functionality that they cant use. Its just a psychological phenomena. So how do I hide things based on a users Role?

[@blueSurfer]

you can use *ngIf with some conditions on div

[@trustingod0]

@@blueSurfer Thanks !!!

[@Careerquest2627]

Hi, this is very good one , but this is not matching with you previous login video, Please share git hub repo link.

[@akashjitnayak6947]

Nicely Explained.

[@SiwarGorrab]

The video was very helpful.

[@letsprogram30]

Thank you thank you Do checkout my Blog : letsprogram.in

[@kyleryxn]

In which video of yours do you go over JWT with Angular?

[@16vula-vala]

Hi. Great tutorial! I just have one problem, when a user is on dashboard page and they remove the /dashboard, i want it to not work and take them back to dashboard. How do i do that?

[@shibshankarpadhy783]

You can use the router Service to navigate to any page that you like

[@karthikreddy5854]

Keep Gng 💕👌

[@lucifer45227]

awesome explanation .. can you please let me know if it is possible to have 2 can-activate() in1 auth guard

[@AmitSingh-tf5yu]

hlw sir firstly u have to create a page step by step or u provide code...then this video is usefull

[@jurivjerdha2467]

This is where you realise the hard part ins't coding but thinking your website out

[@Amrendersingh]

Sidhi baat no bakwas great. 👌

[@letsprogram30]

Haha thanks 🙂

[@lifetraveler8008]

Thank you. Good explanation , very clear and precise

[@letsprogram30]

You're welcome 🙂

[@venkatsai3741]

@@letsprogram30 bro can you send this project github link

[@junevue9665]

Which video is the video tht shows u already made the login, main, signup

[@ramzirihane3612]

Hello , i have data register in database how i can replace "localstorage.getitem('token') ?

[@jeetadhikari3629]

Nice, but I think there is an issue. User can just put a random invalid jwt token in the localstorage through browser console, and will have access to internal pages. Rather, it is better to have an async auth guard, that will call the api with the jwt token, and if the token is valid, only then the auth guard will return true.

[@letsprogram30]

This is just for the demo purpose where there was no backend involved 🙂

[@jeetadhikari3629]

@@letsprogram30 Yeah that makes sense indeed. May be its better to mention about this in your videos though, otherwise people end up making unsecured apps :D Btw, dont get me wrong, I am just giving feedback from audience POV. Great videos !

[@letsprogram30]

@@jeetadhikari3629 I highly appreciate your feedback bro🙂 I will make sure next time to mention the same🙂🙏

[@AnkitYadav-xd3pi]

This video is only for auth guards, please upload video for whole login functionality

[@letsprogram30]

Sure will include that in next video

[@aissatouseye1958]

@@letsprogram30 i hope so

[@ImranAhmed-yp2sj]

but admin can use, user components, how to deal with that?

[@rajaaqib2912]

great explanation

[@PrudhviRoyals]

How can we hide the about,contactus Component , instead of giving alert ?

[@letsprogram30]

Just make use that condition inside the template to hide and show using ngIf

[@rushikeshjadhav6838]

very helpful for me.thank you so much!

[@subitahai6330]

Very good video, can I have the source code please?

[@bannerkong8847]

please put this full code in your description

[@bharathgorental4928]

this is awesome, but Can you please tell me If I want to restrict a user from a specific HTML element / typescript method/ function inside the component(some functions/ elements should be accessible but some should not), thank you.

[@letsprogram30]

You should use access modifier to achieve this

[@prabhumath]

follow the same tutorial and just add ngif to component u want to hide and call canActivate() like this: *ngIf="authGuard.canActivate()" , also import authguard in component.ts

[@ranaumer3076]

Bro can you please share the source code

[@engineersexploring8543]

Hi brother Really nice video.. can I get access to the code ?

[@pranavkeshariya6049]

How to create the login which u have created here

[@javaandpythonmadeeasy4489]

Well explained 🤌

[@quicksees9773]

Thank YOu 😉

[@letsprogram30]

Your welcome 🤗

[@codewithrohini1636]

Where can I find the code?

[@sudhakarkumar4553]

please can u share the code

[@jayakumar2927]

Telegram not to working

[@s.balaji5016]

When I clicked logout still the token is present? And it going to main page. Have you faced this and solution please?

[@letsprogram30]

On logout method Just do localstorage.clear()

[@s.balaji5016]

@@letsprogram30 thank you very much for your quick response

[@letsprogram30]

@@s.balaji5016 you're welcome 🙂

[@roopalimattolia5921]

Can I do this if i have logged in using json-server ?? Please reply me... I need help

[@letsprogram30]

Yes

[@roopalimattolia5921]

@@letsprogram30 But I don't have token there .. what should I do ?

[@khusikar676]

Hiii.... Can any one help me....??? Reactive form---- Curd... Select options.... I m not abl to edit and bind the select.... Plz help me..... ☹️☹️☹️☹️

[@DK-1998]

Amazing!

[@rajkumars4950]

Hi, i don't want show about us , contact page to other users. How can I do that?

[@letsprogram30]

Just check and store the session who has logged in and you can use *ngIf to hide

[@emad_arnesto9175]

can i make this method with keycloak authentification?

[@letsprogram30]

Yes you can

[@krish8847]

can u show me full source code for login and signup?

[@brownwolfgaming4773]

what backend stack do you use?

[@letsprogram30]

It's just fake creation without backend, just explained about what to do in frontend side

[@nkyeeanot1347]

Very Helpful.. Thanks :)

[@letsprogram30]

You're welcome 😊

[@sahilhadvani4424]

Hello, full project login with CRUD operation. 🙏🙏🙏

[@letsprogram30]

I do have video created on above mentioned topics

[@malativanjarapu6115]

Can you please send me the source code of this

[@mahdiayari9165]

geat work !! source code please

[@jack007jamesbond]

Source code? for the UI. The other video was good.

[@letsprogram30]

Connect with me on telegram

[@benankit2341]

Please add GitHub link also.

[@letsprogram30]

Soon I am adding GitHub links for all th videos

[@aissatouseye1958]

@@letsprogram30 hurry up

[@workrelated851]

bro can share you project on github

[@maestro4704]

is there a link to this?

[@supriyasingh8477]

😊😊😊

[@sateeshgedela7234]

Hi. Where is the code

[@sateeshgedela7234]

Please provide entire code

[@mikha2880]

what backend stack do you use?

[@letsprogram30]

It's just fake creation without backend, just explained about what to do in frontend side

[@mikha2880]

@@letsprogram30 oh i see, thank you my friend