Ionic Angular Tutorial - Firebase Login Register & Forgot Password

Ionic Angular Tutorial create login, register & forgot password with firebase authentication and cloud firestore.

0:00:00
0:00:10 - Create new project
0:00:24 - Open project
0:00:42 - Generate new page (Create Register, Login, Forgot Password & Page Not Found page)
0:01:35 - Generate service (Create Auth Service)
0:01:46 - Generate guard (Create Auth Guard)
0:02:00 - Generate Interface (Create Model : user)
0:02:16 - Install @angular/fire & firebase (npm i @angular/fire && firebase)
0:02:51 - Go to firebase console and create new project
0:03:18 - Add new web app to firebase project
0:03:46 - Enabled email/password sign-in method
0:03:55 - Create Firestore database
0:04:19 - User model
0:04:42 - App Module
0:07:01 - Auth Service
0:17:41 - Auth Guard
0:20:38 - App Routing
0:22:34 - fixing error (typo, angularFireAuth → angularFireAuthModule)
0:23:38 - Routing Auth guard
0:24:16 - Page not found set path
0:24:51 - Register page
0:48:10 - No email verification (check spam folder)
0:52:55 - Login page
1:08:40 - Add logout function
1:11:50 - Page Not Found
1:12:26 - Forgot Password

Thank you for watching, I hope you will have a good time here :)
Don't forget to like, share & subscribe.

#ionicframework #angular #firebase

[johnlambertasis]

hey, why I have an error that it says "Type 'Observable<User>' is missing the following properties from type 'Observable<USER>': _isScalar, _trySubscribe, _subscribets(2739)"? at 9:39

[bhaveshkotwani]

Hi Fahar,
This video is really awesome, and I have followed every step you did, but I don't understand why I am getting redirected to the login page after logging in, even after mentioning the path as this.router.navigate['/home'] within the login

[ArjunSingh-rhlo]

HI Fajar,
Please create a video how to upload video or image in gcp with the help of ionic appliaction.

[diegodelasotta]

Hi! I have a problem in "auth.service.ts", Property 'user' has no initializer and is not definitely assigned in the constructor.ts(2564), how i repair this? Sorry for my bad english

[vamsikrishna]

Every thing is working Fine and Great tutorial but I'm trying to login it is not navigating to home page and not getting any error but saying waiting for firestore

[ArjunSingh-rhlo]

Hi Fahar,
Please make a video that how can edit the register field save in firebase, related to shared video because this video is very help full.

[johngeronimo]

May I know how the change password works?

[rahmanhidayat]

hey bro, I have an error on my computer, precisely in the auth.guard.ts section, in the take, tap, and map sections. CMD says cannot find 'take' and cannot find 'tap'. whats wrong?

[kevinwidjaya]

hey bro do u have any git on this project?

[johngeronimo]

The password reset link is not working sir??? May I know how to fix it?