Firebase Email and Password Authentication Flutter || Login Signup Flutter Firebase

hey everyone welcome back to another flutter tutorial today we are going to learn a Firebase email password authentication in our flutter app let's say how is it look and how is it performed this is our signin screen and this is our sign up screen if user directly try to log in without the sign up they show the error message let's try and if we click on login you face the error from the Firebase your mail doesn't contain at the gmail.com then you face the different error let's try a.com if we try to log in it show the error the email address is badly formatted you must contain at the gmail.com in our Gmail and if we try to sign in in our account before I sign up my account I saw my Firebase there is Mt you can see no data in my Firebase database and authentication and if I just try to enter the three-digit password and try to sign up it saw the error message password should be at least the six character and I already your email address must contain gmail.com let's try we have not press the login at theate and if we try you can see the email address is badly formatted let's try to sign up congratulation you have successfully login and after we restart our Firebase we saw the user detail in in our fire store database user collection is automatically create and it show the user detail you can see email name and U ID unique ID of the user the user is also display in the authentication you can see this one user is available and we have also set up the auto login if user has already login and and if the restarted app user is automatically login if we off the app and reopen the user is directly login you can see this this not open from the starting user is auto loging until the data is in user data is in the Firebase if the log out then only the user are are is in the signup section you have achieved this all the feature by the use of Firebase authentication let's start the complete video step by step process and we have learned the complete authentication in our today's video let's start the complete video first we set up our flutter project with fire R and after we start Firebase email passwort authentication first we have tried it in our Android simulator after that we have try it in our iOS simulator as well let's start first we create a brand new flutter project Firebase project after we have successfully created now we have run it after running successfully we know that until now our project is working fine let's dive into our Google console first go to the console. fire. google.com and create your account after that click on ADD project fter project create that I have disable it and it takes some time to create project now our project is ready after that first we have connect our Firebase in our Android app now we need a package name now we go to our Android app level build. gradel file and here is the application ID you can copy this and past it here and remaining are optional we have registered there app now download the Google service. Jon and place it in our Android app we have copy it and we have go to our fter Firebase project inside the Android app and we have pasted here now we have check it you can see that Google service. Jon and we have next and have we have copy this and root label bu. Gradle before we have testing that in new flutter update there is the missing of some file you have watch carefully I'll provide you the link is in description first you need to add the build script X codin version after that we have copy it from here and carefully paste it here and you have missing one bracket you need to add this otherwise you got the error after that we have copy the dependency section and paste it here you can see this you need to add this two class path after that you save it and leave it from there after that we go to app LEL build.gradle and copy the copy this ID and paste it in our plugin section remember it this three ID is already is in our plugin section otherwise you got error and that's it you don't need to add this dependency next it continue and we have back add the Firebase core oh a dependency fire base core after adding this dependency we make our main asent you can see this our package is successfully added after that we add this two line just and all are done and import our fire score package we have terminate our app and reinstall let's see open our de console if all are correct then our app is running successfully otherwise it gives error and terminates our app let's see you can see you have not faced any error all are done successfully and our app is completely working like previous you can see this if you have got any error your app is not run and not working as well we have connect our pH project with Firebase in our Android app now we have dives into the iOS section add iOS iOS is quite easy a bundle ID is required we have go to iOS section Runner X code and inside project pvx project the bundle ID you can go to 31 371 371 line and there is the project bundle identifier and copy this line and paste it here all our optional you forget this and register our app and download this input. f file and we can place it and we can place it inside our runner Google service info. F we have copied this iOS inside this Runner we have paste it here paste see this inside our runner there is Google service info. along with info. and press this that's it iOS section is quite easy then Android we have continue our project and we have also tried to run our app in our iOS simulator we can run this we have successfully connect our flutter Firebase project in our Android and iOS simulator after successfully set up the Firebase in our IOS and Android device and cleaning the unhunted code first we design the login page after that we have air Authentication e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e

Channel: WTF Code

Views: 6,023

Keywords: flutter, wtf_code, wtf code, whatilearntoday, flutter ui, flutter firebase tutorial, flutter firebase login, login signup flutter firebase, flutter firebase authentication, firebase email and password authentication flutter, flutter firebase authentication email and password, sign in with email and password firebase flutter, signup page in flutter with firebase, login page in flutter using firebase, day 89, 100daysofcode

Id: ih9q-I5tB4o

Length: 37min 55sec (2275 seconds)

Published: Sat May 25 2024