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 ❤
Смотрите видео Integrate Firebase Phone Number Authentication with Angular 12 Using an Auto Focus Input Field онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь The Code Angle 03 Сентябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 10,809 раз и оно понравилось 159 людям.