Angular project in Hindi #8 Auth Guard for Seller SignUp | Angular E-commerce Project

Inst id: @code.steps
This is the Angular project tutorial series and here we learn how to apply auth guard in Angular project an E-commerce project with simple steps this is a perfect project course for beginners.
Learn how to make navbar and header in angular project step by step
Auth Guard for Seller
Make Auth Gaurd
Apply Gaurd on Seller Route?
Add Data in LocalStorage?
Add Auth Gaurd on Page Refresh?
Project for
angular project from scratch
angular project from scratch in Hindi
angular project tutorial in Hindi
angular project tutorial for beginners
angular projects for practice
Angular tutorial tutorial playlist
• Angular 12 - 13 tutori...
Angular Project playlist
• Angular project in Hin...
React js Latest Playlist in Hindi: • React tutorial for beg...
Git repo link : github.com/ani...

[@codestepbystep]

Please support me by subscribe, like and comment :) thank you

[@alokkumardubey3951]

Full support ali, can u please upload 2 vedio daily

[@backenddeveloper3086]

@@alokkumardubey3951 same request brother

[@CodeWithMe-q4l]

@@backenddeveloper3086 full support

[@sandippandya927]

Full Support Bade Bhai.........Keep it Up

[@ZakriaRao]

in angular 16 code for guard is changed.

[@MaheshYadav-qr2gf]

Bhaiya auth guard , jwt token , http interceptor inhi main doubt tha , or in sabke video bhi nhi hai , aap ke iss project se bhut help ho rahi hai , keep it up , Thank you bhaiya !!!!

[@AkshitAkash]

This video was a little difficult to understand, too many things were happening at the same time. But trying my best to understand. Thank you sir

[@alamshaikh4358]

After watching this video I feel confident in authentication. Thank you Anil. And one more request Since you start this awesome series you could not be skip any day pls follow this consistency and daily upload one video.

[@codestepbystep]

Sure 😊

[@dailyvlogwithshubhi]

Thank you, this is really helpful for gaining some practicle knowledge

[@venugopal-mm4ui]

Thank you very much for sharing complete project creation as a playlist , learned many new things .

[@mrankushtechnical]

13:27 why are u redirecting here not in the authguard because the value checking is inside the auth guard ?

[@CodeWithMe-q4l]

thanks for making angular project video really you are the life saver

[@gayathrigayu7987]

Thank you, you have did great help to understand the working of project basics and intermediate concepts

[@backenddeveloper3086]

Sir plzz video thoda bada bano... Aur kam days mai complete karo.. Ur teaching art is very good..

[@dipalibidave6623]

helllo sir,kya aap rxjs me tutorial bna sakte hai ,aap jis prakar explain krte ki bhot easyly understand ho jata hai..

[@Shahzad-f3o]

plz update auth gurad part plz because angar 16 guard cgange and smgh nh arhi kih new gurd me kaisy isloggedin ko implement krna Plzz

[@muhammadnaveed7953]

Thank you Sir g..

[@mohammadmuzmilkabir3067]

After this angular ecommerce project Please make a MERN project like the way developers do project in companies please 🙏

[@swetangle]

hello sir, i have 1 question , i did same as you, but my seller-auth page not coming after using auth guard

[@ashwiniwaghmode515]

Hello sir when i create auth guard we got different code usme constructor create krne baad error aa raha hai bow to solve this error

[@samchaudhry2937]

did you fine the solution ?

[@nice.hemant]

ye jo aap code likh rahe hai (timing 11:50) kaise pata ki ye sab code likhna hai? apka previous Angular ka series maine dekha hai sara.

[@StunningRajput]

sir ap boht ghuma k or boht lamba procces bata rahy hain please zara jaldi or short main batayn direct point ki bat

[@shubhampatil12345]

Error in 13:00 for angular 16 ADD following code to seller.auth.ts file import { inject } from '@angular/core'; import { CanActivateFn } from '@angular/router'; import { SellerService } from './services/seller.service'; export const authGuard: CanActivateFn = (route, state) => { let service = inject(SellerService) if(localStorage.getItem('seller')){ return false; } return service.isSellerLoggedIn; };

[@simplesolutionshub]

Instead of storing the user data in local storage, won't it be better to keep it in session storage?

[@kmahendra6691]

now inside the auth gurad code has changed so i am facing difficultly to implement the code please help me this is the code- import { CanActivateFn } from '@angular/router'; export const authGuard: CanActivateFn = (route, state) => { return true; };

[@AyushSrivastava-qp1mw]

yes u r right my question is also same have ou get the solution of this

[@kmahendra6691]

no bro @@AyushSrivastava-qp1mw

[@aishwarya7298]

​@@okconnect i tried the same, but it is giving an error, Boolean is not assignable to type boolean

[@Anurag_Singh8299]

Mera b same error aa rha h bhai

[@GazalCharaya]

import { CanActivateFn } from '@angular/router'; import { SellerService } from './services/seller.service'; import { inject } from '@angular/core'; export const authGuard: CanActivateFn = (route, state) => { const sellerService = inject(SellerService); if(localStorage.getItem('seller')){ return true; } return sellerService.isSellerLoggedIn; }

[@mdsameershah6251]

hello sir this video is little bit difficult i don't understand it properly in anuth gurth or reload function plz make a new video in auth guard in angular 17

[@FarhanKhan-dl5yk]

export class AuthGuard implements CanActivate { showing error CanActivate' is deprecated.ts(6385) index.d.ts(302, 4): The declaration was marked as deprecated here.

[@ShrishDollin]

did you find a solution? I am also stuck with that :(

[@AyushSrivastava-qp1mw]

@@ShrishDollin mee too

[@harshjain3877]

I am also stuck in same problem

[@Anurag_Singh8299]

Same bro 😊

[@ChillOutinLove]

export const sellorAuthGuard: CanActivateFn = (route, state) => { const sellorService =inject(SellorServiceService); return sellorService.isSellorLoggedIn; }; use inject method instead of constructor

[@ashudestro5424]

After getting logged in it is showing the seller-home works but how to logout that seller whenever i m clicking it is showing me same seller - home works not getting seller signup page.

[@imranali-kn6mv]

Please start the project for MEAN stack developer because I am having lot of confusion and don't know how to work with MEAN combined please help us Anil sir ji

[@coderandsinger]

What if, i am not using Authguard, i am applying condition before calling route in my code?

[@No-One8166]

why my auth guard file structure is different than yours, like you have "export class implements canActivate'" while i have "export const implements canActivateFn'" . plz answer bcz it shows error

[@AnilKumar-ge7us]

Bhai koi solution mila

[@No-One8166]

@@AnilKumar-ge7us "const sellerService = inject(SellerService);" try to inject the service like this instead of constructor

[@AnilKumar-ge7us]

Thanks bro

[@hahsmi]

canActivate not working with Angular 15

[@Kislav]

for first timer need to watch two aor three times to get complete jist because the whole code is not explained with the flow of how the compiler is travelling from one part to another whenever an event is triggered

[@vidulgupta5219]

nice

[@codestepbystep]

Thanks

[@aishwarya7298]

Auth guard class has been depricated. Use inject service instead of constructor. Like Const sellerService: SellerService = inject(SellerService) Return seller.isUserLoggedIn; ****Important note: Donot define the type for the BehaviourSubject as< boolean>

[@akshaygill4692]

Can you send the auth guard code it would be very helpfull

[@aishwarya7298]

import { Component } from '@angular/core'; import { SellerService } from '../services/seller.service'; import { Router } from '@angular/router'; import { signUp } from '../data-type'; @Component({ selector: 'app-seller-auth', templateUrl: './seller-auth.component.html', styleUrls: ['./seller-auth.component.css'] }) export class SellerAuthComponent { constructor(private seller: SellerService, private router: Router) { } loginUser:boolean=false; authError:string = ''; signUpError:string = ''; ngOnInit(): void { this.seller.reloadAction(); } signUp(data: signUp):void { this.signUpError=""; this.seller.userSignUp(data); this.seller.loginError.subscribe((error)=>{ if(error){ this.signUpError="Enter a correct email address" } }); } login(data: signUp):void{ this.authError=""; this.seller.sellerLogin(data); this.seller.loginError.subscribe((error)=>{ if(error){ this.authError="Email or Password is incorrect!" } }); } openLogin(){ this.loginUser=true; } openSignUp(){ this.loginUser=false; } } @@akshaygill4692

[@aishwarya7298]

****Important note: Do not define the type for the BehaviourSubject as< boolean>@@akshaygill4692

[@Editmaker-wm8td]

​@@aishwarya7298 can you share your SellerService code..

[@artisutar7615]

Yes it's helpful thanks..

[@gauravbisht8487]

bhaiya i spend more than 8 hrs and checked the code but my seller still go to signup page even after the login .. any help would be more than appreciated😊

[@samchaudhry2937]

apka authguard ka code same aa raha ha?? mara different aa raha

[@RahulRathore-cj3ky]

auth gourd change ho gya h angular ka @@samchaudhry2937

[@Anurag_Singh8299]

​@@samchaudhry2937mera bhi different aa tha h bhai inki video. M. Alag code aa rha h Or mere m alag code aa rha h auth. Guard. Ts m

[@Anurag_Singh8299]

Isme error aa rha h kya ap. Muje bta skte h sir.. M isko dekh k project bna rha hu apna its urgent.

[@sandippandya927]

Bade Bhai .. Ek Mazak Wali bat puchhna thi.... Ye Sam , Bhasker or peter hai kon ?????

[@codestepbystep]

Haha, sam and bhasker h bro, Peter just a random name

[@sandippandya927]

Achchha Lga Anil bro apne reply diya... Par sch me apki mehnat dikhiti he .. aap late night tk jaag kr vedios bnate ho... mene abhi kuchh dino se IT join kiya he... Bahut se channel dekhe he coading ke ... par aapki bat alg he .. aap bahut hi simple tarike se smjhate ho.. or personally bhi aap bahut achchhe insan ho.. bcz apki bato se lgta he ki apko, apki knowledge ka ghamannd nahi he or apko khushi milti apki knowledge ko share krke .... Sch me aap jo mehnat krke vedios bnate ho vo tarif krne layak he .... App hm jese beginners ke liye ideal ho bade bhai .... keep it up..... And Thank you so much apki vjh se hm inta kuchh sikh pate he vo bhi inte simple way me ........Aap yakin nahi manenge Anil bro .... Mai apke bahut sare vedios ki link mere what's aap status pe lgata hu... bahut sari vedios ki links IT related groups me bhejta rhta hu.... You are awesome Person ... Thanks a lot Brother....

[@codewithfrontenddesign]

How to Redirect file auth.guard.ts files

[@bharath8911]

I followed all the process you did, but I'm not able to got to the seller-home page after implementing Authguard. Console shows error: ERR_CONNECTION REFUSED

[@INSANE_EDITZ651]

seller-servise.ts reloadSeller() { if (localStorage.getItem('seller')) { this.isSellerLoggedIn.next(true); this.router.navigate(['seller-auth']); } (['seller-auth']); not (['seller-home']);

[@yaswanthpavankumar6229]

Hi bro do u know how to solve cors error?

[@ankitninave7627]

have you got any answer , i am getting error when i am trying to call constructor in authguard @@yaswanthpavankumar6229

[@jiyasrivastava-g9v]

after ng g guard auth can implementing can activate...it is showing...Schematic input does not validate against the Schema: {"name":"auth","project":"ecomm-project2","implements":[]} Errors: Data path "/implements" must NOT have fewer than 1 items....this error pls anybody tell how to solve this issue

[@divyanshukoshta2443]

bhai solve hui kya yeh

[@mrankushtechnical]

21:02 kya murkh panti hai , phle hia authguard me kar leta

[@BikeWaysChannel]

New Guard how to handel

[@ShankarGidaganti]

what is behaviorSubject?

[@mohdsameer7433]

Daily 2 video Target

[@james3132]

very good tutorial, but I really can't understand your english 😅

[@ridoyahmed2964]

bro you have any community grups please give me link or make

[@codestepbystep]

Hi bro. I have Instagram only. Id is code.steps

[@tomcruz6733]

bro, plz phle practice krr lo fir baad me video banaya karo...... video k bich me kaafi baar confuse rhte ho or hame bhi krte ho

[@thetravelblaze]

Please provide github link

[@CodeWithMe-q4l]

I'm sharing your youtube link in twitter, LinkedIn and showcase

[@sandippandya927]

Thank You on behalf of @Code step by step.......Jo KZbin vedio bnate he bahut mehnt krte h...Inko vastav me support krna chahiye

[@ineffable_guy]

Sir please upload the GitHub link in description