Тёмный
No video :(

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

Code Step By Step
Подписаться 310 тыс.
Просмотров 48 тыс.
50% 1

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

Опубликовано:

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 86   
@codestepbystep
@codestepbystep Год назад
Please support me by subscribe, like and comment :) thank you
@alokkumardubey3951
@alokkumardubey3951 Год назад
Full support ali, can u please upload 2 vedio daily
@backenddeveloper3086
@backenddeveloper3086 Год назад
@@alokkumardubey3951 same request brother
@codewithmahesh1
@codewithmahesh1 Год назад
@@backenddeveloper3086 full support
@sandippandya927
@sandippandya927 Год назад
Full Support Bade Bhai.........Keep it Up
@ZakriaRao
@ZakriaRao 10 месяцев назад
in angular 16 code for guard is changed.
@AkshitAkash
@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
@letsexplorenow
@letsexplorenow Месяц назад
Thank you, this is really helpful for gaining some practicle knowledge
@MaheshYadav-qr2gf
@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 !!!!
@alamshaikh4358
@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
@codestepbystep Год назад
Sure 😊
@venugopal-mm4ui
@venugopal-mm4ui Год назад
Thank you very much for sharing complete project creation as a playlist , learned many new things .
@mrankushtechnical
@mrankushtechnical Год назад
21:02 kya murkh panti hai , phle hia authguard me kar leta
@gayathrigayu7987
@gayathrigayu7987 10 месяцев назад
Thank you, you have did great help to understand the working of project basics and intermediate concepts
@backenddeveloper3086
@backenddeveloper3086 Год назад
Sir plzz video thoda bada bano... Aur kam days mai complete karo.. Ur teaching art is very good..
@codewithmahesh1
@codewithmahesh1 Год назад
thanks for making angular project video really you are the life saver
@mrankushtechnical
@mrankushtechnical Год назад
13:27 why are u redirecting here not in the authguard because the value checking is inside the auth guard ?
@ashwiniwaghmode515
@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
@samchaudhry2937 Год назад
did you fine the solution ?
@muhammadnaveed7953
@muhammadnaveed7953 Год назад
Thank you Sir g..
@dipalibidave6623
@dipalibidave6623 Год назад
helllo sir,kya aap rxjs me tutorial bna sakte hai ,aap jis prakar explain krte ki bhot easyly understand ho jata hai..
@aishwarya7298
@aishwarya7298 10 месяцев назад
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
@akshaygill4692 10 месяцев назад
Can you send the auth guard code it would be very helpfull
@aishwarya7298
@aishwarya7298 10 месяцев назад
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
@aishwarya7298 10 месяцев назад
****Important note: Do not define the type for the BehaviourSubject as< boolean>@@akshaygill4692
@Editmaker-wm8td
@Editmaker-wm8td 8 месяцев назад
​@@aishwarya7298 can you share your SellerService code..
@artisutar7615
@artisutar7615 4 месяца назад
Yes it's helpful thanks..
@mohammadmuzmilkabir3067
@mohammadmuzmilkabir3067 Год назад
After this angular ecommerce project Please make a MERN project like the way developers do project in companies please 🙏
@shahzadmukhtar8400
@shahzadmukhtar8400 10 месяцев назад
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
@swetangle
@swetangle Год назад
hello sir, i have 1 question , i did same as you, but my seller-auth page not coming after using auth guard
@simplesolutionshub
@simplesolutionshub Год назад
Instead of storing the user data in local storage, won't it be better to keep it in session storage?
@kmahendra6691
@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
@AyushSrivastava-qp1mw Год назад
yes u r right my question is also same have ou get the solution of this
@kmahendra6691
@kmahendra6691 Год назад
no bro @@AyushSrivastava-qp1mw
@aishwarya7298
@aishwarya7298 10 месяцев назад
​@@okconnect i tried the same, but it is giving an error, Boolean is not assignable to type boolean
@Anurag_Singh8299
@Anurag_Singh8299 10 месяцев назад
Mera b same error aa rha h bhai
@GazalCharaya
@GazalCharaya 10 месяцев назад
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; }
@FarhanKhan-dl5yk
@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
@ShrishDollin Год назад
did you find a solution? I am also stuck with that :(
@AyushSrivastava-qp1mw
@AyushSrivastava-qp1mw Год назад
@@ShrishDollin mee too
@harshjain3877
@harshjain3877 10 месяцев назад
I am also stuck in same problem
@Anurag_Singh8299
@Anurag_Singh8299 10 месяцев назад
Same bro 😊
@ChillOutinLove
@ChillOutinLove 7 месяцев назад
export const sellorAuthGuard: CanActivateFn = (route, state) => { const sellorService =inject(SellorServiceService); return sellorService.isSellorLoggedIn; }; use inject method instead of constructor
@mdsameershah6251
@mdsameershah6251 3 месяца назад
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
@ashudestro5424
@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.
@user-jz4ew4ij9z
@user-jz4ew4ij9z 7 месяцев назад
sir ap boht ghuma k or boht lamba procces bata rahy hain please zara jaldi or short main batayn direct point ki bat
@user-tb7qo9ts8y
@user-tb7qo9ts8y Месяц назад
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
@imranali-kn6mv
@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
@vidulgupta5219
@vidulgupta5219 Год назад
nice
@codestepbystep
@codestepbystep Год назад
Thanks
@user-he4zo4vx9n
@user-he4zo4vx9n Год назад
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
@mohdsameer7433
@mohdsameer7433 4 месяца назад
Daily 2 video Target
@CodeTubVlogs
@CodeTubVlogs Год назад
What if, i am not using Authguard, i am applying condition before calling route in my code?
@No-One8166
@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
@AnilKumar-ge7us Год назад
Bhai koi solution mila
@No-One8166
@No-One8166 Год назад
@@AnilKumar-ge7us "const sellerService = inject(SellerService);" try to inject the service like this instead of constructor
@AnilKumar-ge7us
@AnilKumar-ge7us Год назад
Thanks bro
@nice.hemant
@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.
@hahsmi
@hahsmi 10 месяцев назад
canActivate not working with Angular 15
@sandippandya927
@sandippandya927 Год назад
Bade Bhai .. Ek Mazak Wali bat puchhna thi.... Ye Sam , Bhasker or peter hai kon ?????
@codestepbystep
@codestepbystep Год назад
Haha, sam and bhasker h bro, Peter just a random name
@sandippandya927
@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....
@james3132
@james3132 9 месяцев назад
very good tutorial, but I really can't understand your english 😅
@BikeWaysChannel
@BikeWaysChannel Год назад
New Guard how to handel
@ShankarGidaganti
@ShankarGidaganti Год назад
what is behaviorSubject?
@gauravbisht8487
@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
@samchaudhry2937 Год назад
apka authguard ka code same aa raha ha?? mara different aa raha
@RahulRathore-cj3ky
@RahulRathore-cj3ky Год назад
auth gourd change ho gya h angular ka @@samchaudhry2937
@Anurag_Singh8299
@Anurag_Singh8299 10 месяцев назад
​@@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
@codewithfrontenddesign
@codewithfrontenddesign Год назад
How to Redirect file auth.guard.ts files
@Anurag_Singh8299
@Anurag_Singh8299 10 месяцев назад
Isme error aa rha h kya ap. Muje bta skte h sir.. M isko dekh k project bna rha hu apna its urgent.
@bharath8911
@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
@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
@yaswanthpavankumar6229 Год назад
Hi bro do u know how to solve cors error?
@ankitninave7627
@ankitninave7627 11 месяцев назад
have you got any answer , i am getting error when i am trying to call constructor in authguard @@yaswanthpavankumar6229
@ridoyahmed2964
@ridoyahmed2964 Год назад
bro you have any community grups please give me link or make
@codestepbystep
@codestepbystep Год назад
Hi bro. I have Instagram only. Id is code.steps
@thetravelblaze
@thetravelblaze Год назад
Please provide github link
@tomcruz6733
@tomcruz6733 4 месяца назад
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
@shubhampatil12345
@shubhampatil12345 7 месяцев назад
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; };
@codewithmahesh1
@codewithmahesh1 Год назад
I'm sharing your youtube link in twitter, LinkedIn and showcase
@sandippandya927
@sandippandya927 Год назад
Thank You on behalf of @Code step by step.......Jo RU-vid vedio bnate he bahut mehnt krte h...Inko vastav me support krna chahiye
@ineffable_guy
@ineffable_guy Год назад
Sir please upload the GitHub link in description
Далее
Can Activate guard | Guards in angular | Angular 16
21:55
CanActivate Route Guard - Angular (Tutorial #24)
11:58