Integrate Firebase Phone Number Authentication with Angular 12 Using an Auto Focus Input Field

Published: 03 September 2021
on channel: The Code Angle
10,809
159

In this video, you will learn how to integrate phone number authentication sign up with Angular 12(A TypeScript frontend framework) Application using Firebase.

The process involves an SMS being sent to the user on their phone and which contains a six-digit code they need to enter into the form to get authenticated and then routed into the dashboard.

Also, we created a form that has an autofocus input field functionality similar to that of a mobile application.

We integrate firebase into our Angular application, which helps trigger the function that generates the SMS digit used to log into our application.

The tutorial is also easy and simple to follow along as you learn more about Angular and Firebase.


Chapters
------------------------
0:00 - Introduction and Project Overview
02:43 - Generate, set up of new Angular project as well as package installation
05:26 - Create and set up new Firebase Project
10:05 - Configured Routing
12:35 - Design and Integrate Functionality for Phone Number Page
24:15 - Design and Integrate Functionality for the Code Page
39:08 - Integrated Dashboard Page for Logged in User
44:46 - Outro


Angular Documentation: https://angular.io/start

Ngx-Otp-Input Documentation: https://www.npmjs.com/package/ngx-otp...

Firebase Phone Auth Documentation: https://firebase.google.com/docs/auth...

Join my telegram community:
https://t.me/thecodeangle

Source Code:
https://github.com/desoga10/angular-p...

For more resources on Web Development:
https://thecodeangle.com/​

Follow Me on Twitter:
  / thecodeangle​​  

Leave a like and subscribe for more videos.

Thanks a lot for watching ❤


Watch video Integrate Firebase Phone Number Authentication with Angular 12 Using an Auto Focus Input Field online without registration, duration hours minute second in high quality. This video was added by user The Code Angle 03 September 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,809 once and liked it 159 people.