filmov
tv
Flutter Web Tutorial: Firebase Email/Password Authentication and Google Sign In

Показать описание
In this tutorial, you'll learn how to implement Email/Password authentication and Google Sign In functionality in Flutter Web using Firebase. This comprehensive guide covers every step from setting up a Firebase project to creating responsive authentication screens and integrating Google Sign In. By the end of this tutorial, you'll be able to build robust authentication systems for your Flutter Web applications. So, whether you're a beginner or an experienced developer, this video is perfect for you. Let's get started!
In this video, we will mainly look into two types of user authentication:
Authentication via email and password
Authentication via Google Sign-In
00:00:00 Introduction
00:00:52 Creating a new Firebase project
00:02:09 Create Google Sign-In OAuth client ID
00:05:27 Initialize Firebase
00:05:45 Method authenticating using Google sign in
00:06:51 Method authenticating using email and password
00:08:12 Method Auto-login
00:08:40 Building the AuthDialog UI
00:11:34 Google Sign-In button
00:12:29 Responsive widget
00:12:36 Top bar widget
00:14:18 Drawer widget
00:15:37 Home Page UI
If you want to get the source code, please subscribe to the channel, add comment
Play List Tutorials:
fluttermaker#
Flutter_maker#
#Flutter #Firebase #Authentication #GoogleSignIn #WebDevelopment #MobileDevelopment #AppDevelopment #TechTutorial #FlutterWeb #FirebaseAuthentication #FlutterApp #Coding #Programming #WebCoding #Google #WebApps #WebDesign #GoogleAPI #FlutterCommunity #GoogleSignOn
In this video, we will mainly look into two types of user authentication:
Authentication via email and password
Authentication via Google Sign-In
00:00:00 Introduction
00:00:52 Creating a new Firebase project
00:02:09 Create Google Sign-In OAuth client ID
00:05:27 Initialize Firebase
00:05:45 Method authenticating using Google sign in
00:06:51 Method authenticating using email and password
00:08:12 Method Auto-login
00:08:40 Building the AuthDialog UI
00:11:34 Google Sign-In button
00:12:29 Responsive widget
00:12:36 Top bar widget
00:14:18 Drawer widget
00:15:37 Home Page UI
If you want to get the source code, please subscribe to the channel, add comment
Play List Tutorials:
fluttermaker#
Flutter_maker#
#Flutter #Firebase #Authentication #GoogleSignIn #WebDevelopment #MobileDevelopment #AppDevelopment #TechTutorial #FlutterWeb #FirebaseAuthentication #FlutterApp #Coding #Programming #WebCoding #Google #WebApps #WebDesign #GoogleAPI #FlutterCommunity #GoogleSignOn
Комментарии