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
github.com/cod...
Like my work? Please support my channel by tipping me - Thank you :
ko-fi.com/code...
#IonicAngular #FirebaseAuthentication #UserAuthentication #Tutorial

[@danielbrito9556]

thank u so much, very useful

[@margaritaalvarezgonzalez230]

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

[@AGUNGKAYA]

Nice. I hope you make ionic angular often..

[@user-wi7py6gp2t]

Thank you very much for sharing I am learning a lot

[@ahmadfaiaz3427]

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

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

[@metrickz1280]

loved it! thank you

[@Pedroffc98]

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 ?

[@guilhermepxt9060]

Nice video

[@F.Y1]

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!

[@F.Y1]

I fix the error, you need to create loading.dismiss() in all error

[@SharifYaqubi-cy7rd]

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

[@valentinaalvarez7640]

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

[@codexpression]

you need app.module.ts file

[@Kss12791]

paterns is not working pls help

[@Oficialgussaints]

And fingerprint?

[@profapps]

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

[@matheusrocker2412]

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.

[@aminafashionhouse4397]

Source Link

[@codexpression]

github.com/codexpression-nj/ionicFirebaseAuthentication

[@santy_dalinger957]

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

[@codexpression]

Did you dismiss the loader by adding loading.dismiss()

[@idae7537]

I have the same problem

[@mdaslamknl]

Excellent
Resolution Very low

[@djorn-ir5ie]

This is showing when i try to do the ng add @angular/fire:
require() of ES Module C:\Users\Daron\finalproject\AppDevFinal
ode_modules\inquirer\lib\prompts\base.js from C:\Users\Daron\finalproject\AppDevFinal
ode_modules\inquirer-autocomplete-prompt\index.js not supported.
Instead change the require of base.js in C:\Users\Daron\finalproject\AppDevFinal
ode_modules\inquirer-autocomplete-prompt\index.js 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! ☺

[@nathanielsabellano6526]

in my ts file of signup,
regForm: FormGroup;
has an error, it says that regForm has no initializer ://

[@nathanielsabellano6526]

please help me fix it, i did your instructions but i cant get past this error

[@user-pn4uc5bp7w]

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

[@shaunamartyn6802]

use this it worked for me
ng add @angular/fire@17.0.0-next.0

[@carloscortina2162]

For those who encounter the 'fs-extra' error while trying to install ng add @angular/fire, this worked for me.
npm install --save-dev @angular/cli@latest && \
sudo npm install --save-dev @angular/cli@latest -g && \
npm i -D firebase-tools && \
ng add @angular/fire@latest

[@Paradise_777_]

it was changed to this new path:
import {AngularFireModule} from '@angular/fire/compat';

[@GamerNut420]

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

[@codexpression]

What is the error

[@umahesa5855]

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 ❤‍🩹