Angular Sign Up With Firebase Authentication (1/3): Creating a Login Form

#Angular #Login #Firebase #SignUp

📽️ Full stack Angular + Firebase course (50% off):

Join me in this new FREE series where I build a complete signup flow using Angular material components and Firebase Authentication. Learn about reactive forms, routing and more!

The complete code for the app shown here can be found at:

For more such videos, follow me on:

Cheers :)

00:00 Introduction
00:26 Getting Started
01:19 Setting Up The Basic App Structure
01:50 Building The Main Interface
03:40 Setting Up Routes
06:00 Styling The Interface
07:42 Adding Elements to Login Template
10:01 Styling Login Page
12:05 Adding Validations
14:40 Conclusion

[ZoaibKhan]

Hey guys! For those of you getting a typescript mismatch error, it is due to Angular 14 and the upgrade to Typed Forms. So check out my new video on exactly how to upgrade to the new Typed Forms. I've also updated the code on github. Cheers :)

[orcaowlwizco]

Bro, you are str8 OG gangster. Liked and Subscribed.

[oleksandrvoron_ko]

Good presentation of the material! Thanks!

[Georg.]

hi, how you fixed this Problem ?? log-in.component.ts kann nicht geöffnet werden: Die Datei wurde nicht gefunden.
thanks

[larryamisola]

Another great tutorial. Simple, short but informative and helpful

[gugupcoutinho]

thank you for making this video! I love that the content is succint, really straightforward.

[fvinodhfranklin]

i am using angular 18, the default text in the textbox is not clearing on focus, i had to write a function to clear it explicitly, is there a better approach, in your code i dont see you have written explicit code, can yu oclarify?

[jatinarora]

@zoaibKhan

I am following your tutorial to build chat application in my angular app using firestore. Can you please share the link for firestore collection reference bcz I have to customize the chat module and write complex queries to get results.

Thanks

[dragos-andreiilies]

Great videos, more firebase angular please!

[enricoamniat]

how do you import in the top section the NgModules automatically? I have to import it manually but I've seen with your videos and others it happens automatically

[eoghanfeighery]

Is this code viable for Ionic too? Just looking for help since I plan to use Ionic in a college project

[javidg]

Bro can u add one video on csrf cache token validation ...

[wahebbenzaid]

hey, I have this error : Can't bind to 'formGroup' since it isn't a known property of 'form'

[Ali-hmvi]

sir where did you find the style.css or did you create it? where?

[toluwaniojo]

how did you import everything in appmodule mine is giving me error

[rajmohangurumoorthy]

Hi bro, follow the same procedure but error required is not shown in my app. why?

[shoaiblodha]

Request you to start your tutorials from sratch, at least start from making a folder then importing the important modules which are required. Thanks.

[abhishekpawar]

*Error => mat-form-field is not a know elements

[gustavovelazquez]

Hello!, say hi from Argentina. I don't understand from where you get what you paste in "app., module.ts"