Angular Firebase Authentication - Implement Auth in Minutes

Learn how to do Angular Firebase authentication really fast. We will configure Firebase, bind it to Angular and implement registration, login, logout and getting a user for our Angular application

MOST POPULAR COURSES

SERVICES THAT I'M USING

CONNECT WITH ME!

REFERENCES

TIMESTAMPS
0:00 Introduction
0:14 What is Firebase?
1:07 Creating a project in Firebase
3:28 The project
4:29 Configuring Firebase
6:42 Registering a user
11:43 Adding validation
13:13 Adding user login
15:21 Persisting a user

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

[firato]

Thank you brother. Im at my first angular project clone turning it to an e commerce page and I cant stress enough that you experienced people are helping us rookies so much with such videos. Programming is Tough
Everyone I appreciate your work!

[Froppindroppin]

Honestly fantastic content. The angular concepts broken down is amazing for people trying to learn it by doing. Angular seems like such a great framework. Excited to keep learning.

[ujangaripin]

I really like your video, it is very simple and easy to understand. I would give a suggestion. It would be better if when explaining the project structure, start from the very beginning, starting from 'ng new' so that the audience knows what has been changed in the code.

[drzewko]

Thank you so much! Please never stop recording, I can count good angular based channels, with only my one hand

[damianpietka]

Great job! With new update of angular/fire (17.1.0) we should remember to move all provideXXX functions outside of the importProvidersFrom array, probably a bug

[pinkusmx]

Thank you so much, you literally saved me, I was stuck for 8 hours with the firebase auth and this tutorial helped me a lot

[tom.wallis]

Great video - thanks! I'm using Angular 15 and noticed Angular 17 introduced signals for state management. Is there a similar approach for managing and filtering user state in Angular 15, particularly for controlling the exposure of Firebase user details? Thanks!

[husseinali]

Thank you for the valuable lesson. My question is, why do you not prefer promise in angular? and What is the advantage of using Observable?

[mohammedcementwala]

This is more valuable than 24k gold.
Thank you! This was a life saver!
Subscribed!

[muthiulhaqhaq]

Simple and clear, thank you Sir. (like)

[to]

Great video, Thanks. I am getting one error that hopefully I just missed providing somewhere. In your AuthService on the line "firebaseAuth = inject(Auth);" I keep getting a NULLINJECTOR error and cannot figure out what I missed from the video. I am hoping you can help if it is a simple miss.

[bellhugo]

Than you so much! I was struggling for so long with this until I found your video. Greatly appreciated

[VforVanish]

Very interesting but im wondering what is the point of Observable<void>

[MattSouzaDev]

Great video!
It would be even more helpful if you showed how to prevent user from accessing pages when the user is not authenticated.

[exkoo]

Very good video. My current problem is how to implement guards. E. g. to protect the login page when a user is already logged in. Would be nice if you could make a video about that topic.

[Um_Zuca_Dev_Na_Ilha_da_Madeira]

Thanks Pal! I Will purchase one of your courses! I am Angular Developer, could you indicate one?

[pulpopool]

Hello Monster, hope you're good. I'm facing an error when trying to login a created user via the register. I'm getting an error "auth/invalid-credential". I have my project hosted locally in localhost:4200. Do you think that this remain of the account service of firebase or the type of configuration?
I followed the same steps as you and when make the register via the web form I get success.

[jonasbeltoft]

Great video!
Can you show a version that uses Firestore to expand the user object and still do live update (using the signal) based on both firebase auth and firestore data?

[danielpacheco]

Hello, thanks for the video, I have a question, how do you handle uploading this firebase configuration to github? In case of deploying it let's say vercel, how could I handle this? thank you

[timothyalcaide]

How to use signInWithEmailLink ? I have FirebaseError: Firebase: Error (auth/argument-error).