Angular Firebase authentication tutorial and auth Guard [in 2020]

🎉 Get complete 6,5 Hours Video Course about Hasura for the lowest possible price 🎉 🎁 20%-off with HASURA-EASY-START code: https://bit.ly/complete-hasura-course #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) 📣 https://bit.ly/angular-material-theming-workshop ✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left) 📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣 https://bit.ly/complete-hasura-course ✅ 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: https://youtu.be/OrmIfW8Ak3w Also you can check out my videos about #Angular Material Library: https://www.youtube.com/playlist?list=PLX7eV3JL9sfkREmy-qxyNqLw73y76nOHm And I also started video series about Angular Material CDK: https://www.youtube.com/playlist?list=PLX7eV3JL9sfkdwkADI4PVDmNins_fO_vp Please leave you feedback and subscribe now to get more interesting videos. Quick subscribe: http://www.youtube.com/channel/UCSj1Igu3ejxqcQISNEmx8VQ?sub_confirmation=1 Links: Hasura's home page: https://hasura.io Tutorial Github Repo: https://github.com/mezhik91/hasura-tutorial