Angular Firebase authentication tutorial and auth Guard [in 2020]

🎉 Get complete 6,5 Hours Video Course about Hasura for the lowest possible price 🎉
#Firebase is awesome and allows you to implement some functionality very easy and fast way. One of such thing is authentication. Firebase easily encapsulate sophisticated logic and provides a nice Angular library with quite clear API to simplify developer's life. In this tutorial we learn how to implement basic auth flow like login/logout with email and password and also we will see how to protect some certain route paths for users who are not authenticated. We will see also how to customise AngularFireAuthGuard provided by @angular/fire and redirect user always on login page if user wasn't signed in. This video is a precondition for the next lesson where we will add Hasura GraphQL engine and protect Hasura's endpoints, so only users who signed-in can access it. It will be very interesting, so stay here and enjoy watching ;)
P.s One more time sorry for the bad sound...

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣
✅ 20%-off coupon code: HASURA-EASY-START

Time codes:
00:42:07 - IMPORTANT announcement;
00:01:06 - Creating of firebase project;
00:03:11 - Creating of login page
00:06:03 - Creating a Dashboard;
00:10:27 - Creating a login form;
00:12:13 - Creating a register form;
00:21:35 - Adding @angular/fire to the project;
00:25:38 - Creating a user in Firebase;
00:30:00 - Protect a route with AngularFireAuthGuard;
00:37:08 - Authenticate user in Firebase;
00:38:45 - Redirect user to login page after login;
00:40:05 - What's is in the next video?

See very interesting video about Angular Material Form Field:

And I also started video series about Angular Material CDK:

Links:
Tutorial Github Repo:

[maxneumann]

Finally someone who does not made an perfect cutted tutorial with no failures bad music and copy paste only. Thanks for that awesome tutorial!

[michaelwilliamson]

You are a fantastic educator. Following your video was very helpful and instructional. I learned a lot, and it was comforting to see you work through and solve issues just the same with those of us watching. I definitely plan on watching more of your videos and learning the material from you!! Keep up the good work!!!!

[pol-dev-vy]

Really really really good!!!! I love your video format, it's a good way to show all the developing real process and the information of course is really useful. Thank you!!!!

[yussufclark]

The long videos are helpful. Going step by step is helpful especially for beginners.

[nicolasj]

Then after research and research, i found it... Thank you ! This is gold 🤙

[booof]

Thank you. About your concern, I’m good with the long videos

[arun_anjali]

Thank You Sir!!! You saved me..!!!! I was struggling with firebase and then I found this video which helped me a lot.. Thanks you so much..

[BaNnanaknight]

Thank you for showing your mistakes, this was so much help

[petermuturi]

pweks mine also worked at the end, Good stuff keep in up man

[Codaconda]

Thank you for this video! It was very fast, but I liked the way you thought.

[angelitotubig]

nice one! keep making video. just subcribed

[slimhannya]

Dmytro great work! It would be very nice idea to make another video with such app with latest versions of angular and firestore

[gumundurhelgi]

Thanks for a fantastic and informative video! Longer and uncut videos are not a problem for me, btw. Cool to see the debugging process and what plugins you use (Nx looks like a time saver) .. Cheers

[EleanorCasson]

I skipped though the bits I didn't need, only really needed the auth bit but also used the formbuilder bit as a refresher. Personally I like the longer format. I know what I need so can find that by scrolling through quite easily.

[yatenderrawat]

How are you creating modules and components without running commands on the angular terminal???
what extension you are using???

[yuryokhrimenko]

Мужик, спасибо тебе! Очень полезное видео. Могу понять, почему ты выкладываешь видео именно на английском, но знай, русскоязычный ютуб остро нуждается в подобном контенте, таких качественных обучалок по ангулару на русском сейчас нет

[DJPAKK]

what's the extension your using for generation? thanks nice video

[before_it_was_invented]

крутой урок, очень помог в изучении, спасибо!

[ai]

Great! Do we need use refresh token to keep persistence?

[leonardional]

hi, good tutorial.
I want to ask, can we create our own backend for JWT authentication without using auth0 or firebase and connecting it to Hasura?
I'm newbie in jwt, Nodejs and Graphsql so really need an answer. Thankyou very much.