Part 2 - Build an IONIC 7 Angular App - Firebase Authentication - Sign Up, Login, Reset Password

This is part Two covering the firebase connection and input validation

In this tutorial I will show you how to create a fully functional Ionic Angular app with essential user authentication features. In this video, you'll learn how to build a Sign Up, Login, and Reset Password page that seamlessly integrates with Firebase Authentication service.

🔥 Firebase Authentication Simplified 🔥

Firebase Authentication provides a robust and secure user authentication system that can be easily integrated into your Ionic Angular app. By following this tutorial, you'll gain a solid understanding of how to set up the authentication flow using Firebase, ensuring your users can securely sign up, log in, and reset their passwords.

Source Code

Like my work? Please support my channel by tipping me - Thank you :

#IonicAngular #FirebaseAuthentication #UserAuthentication #Tutorial

[margaritaalvarezgonzalez]

I loved your tutorial! You explain very well and it was very useful for me. I hope you continue making more tutorials.

[Pedroffc]

Hi, thanks for the video. When I click to reset the password, it passes any email and does not check whether it is in firebase, what could it be ?

Thank you for your great work, question, and the third one for when?

[AGUNGKAYA]

Nice. I hope you make ionic angular often..

[F.Y]

Hi, in the method signUp, when you click sign up button without fill any fields gives a infinite loading loop, how can i fix that? thanks for the tutorial!

[ahmadfaiaz]

Great tutorial thanks so much really like the way you described every thing

[BalHighlight]

thanks i use your tuto in my project 😁😁juste i will pass to react native you have a suggestion?

[matheusrocker]

When i try do add angular/fire always get me an error. "Package @angular/fire was found but does not support schematics" 😢 i'm using angular 16.

[valentinaalvarez]

Hi! I can't find the app.module.ts file in my project I think it's because when I first installed the project I chose the standalone components options, can I still follow the tutorial or will I encounter issues related

[VICTORERNESTODURANREYNOSO]

Thank you very much for sharing I am learning a lot

[santy_dalinger]

when i try to signup its stays loading indefinitely, i dunno whats it is

[AzaTablet]

When i do ng add @angular/fire i dont get the options to choose firestore and those options i get somthing with schematics error wtf some one help i have tryed to fix it and have read so much about it and cant get it fixed

[SharifYaqubi-cyrd]

thank you so much for your videos, I love Your Tutorial

[profapps]

nice tuto how to add profile user full name email ....

[djorn-irie]

This is showing when i try to do the ng add @angular/fire:
require() of ES Module from not supported.
Instead change the require of base.js in to a dynamic import() which is available in all CommonJS modules.

This is my Angular version:

Angular CLI: 17.1.3
Node: 20.11.0
Package Manager: npm 10.2.4

Angular:
...

Package Version

@angular-devkit/architect 0.1701.3 (cli-only)
@angular-devkit/core 17.1.3 (cli-only)
@angular-devkit/schematics 17.1.3 (cli-only)
@schematics/angular 17.1.3 (cli-only)

Can you help me with this please? Thank very much! ☺

[nathanielsabellano]

in my ts file of signup,

regForm: FormGroup;

has an error, it says that regForm has no initializer ://

[GamerNut]

On the signup.ts file im get 9 error and ive rewatched it a lot to make in work.

[carloscortina]

For those who encounter the 'fs-extra' error while trying to install ng add @angular/fire, this worked for me.

npm i -D firebase-tools && \

[umahesa]

this really helped me but can you later make a tutorial on Angular + Firebase + Authentication + Create + Read + Update + Delete + Upload File? I will thank you ❤‍🩹