Forgot Password in Firebase React Js || How to Implement Forgot Password on Firebase in React Js

hello everyone in this video I'll show you how to implement forgot password in tag this using Firebase previous video I have explained email and password sign in and sign up using Firebase drag this first see that video after that see this video this is the continuity of that video okay and I'll leave that video link in this video description okay yeah let's start I'm going to add a forgot password after this password field okay here Auto adder forgot password inside P tag forgot password and here I'm going to add a one click this is handle reset and yeah this is reset copy this after this const here motor copy this history and yeah this is reset I'm going to copy this and save this file and going here I'm going to create one more routing and this is reset and here I want to create one component its name is forgot password and I'm going to copy this and I'm going to create one file dot Js here import react function paste it here return inside return I'm going to create a div this is H1 tag forgot I've got password here I'm going to export default this function yeah I'm going to copy this going here and I'm going to change this to this and I'm going to import that file here it's imported okay and save this file and here I'm going to save this file also if I click this field it's navigate to forgot password screen okay this screen here I'm going to add input field and one button okay here I'm going to get the email ID from user here class this is app okay yeah after this I want to add a form input and this is button this is reset button and this is name email this is on submit here I'm going to pass event submit and pass e here memory copy this and after this const paste that function here this is a sync and get event here here I want to create one variable email e Dot Target Dot email Dot value after that here I'm going to use send email sorry send password reset this one okay this is simple Pair by sort function it is used to reset our password here we need to pass DB credential I mean we need to input this config file details this field okay we need to import this file here and after that you need to import this I'm going to pass this here and I'm going to pass this email ID also paste that email ID dot then here data here I want to show a lot if this is a correct email ID I mean this user is exist in firebasements we are going to send I mean Firebase will send the link to that email ID here we are going to add check your email okay or a Gmail and here I'm going to add catch error if it is a wrong email ID or anything here means we are going to send I mean sure they are a lot error dot code this will Firebase error okay and save this and go to here here we need to add a break close it yeah this is fine sorry I need to add one more break if this is good here I'm going to go here and here I'm going to reset this email ID okay here this user is already existing our Firebase so I'm going to paste this and click reset here yeah this page is refreshed okay so we need to add prevent default when default same email ID click reset here we got check your Gmail yeah this a lot okay and click ok and go here here we got email from Firebase here we got Firebase link Okay click this here I'm going to add one two three four five six okay this is our new email ID and click save here after reset you're navigating to home screen I mean login screen so we need to add this use navigate here I'm going to add this and I'm going to import this encoder here and I'll copy this okay I'm going to paste that say this again I'm going to send email they said okay this is our a lot click OK it's navigating to sign up screen here we got mail from Firebase this one click this link our old password is one two three four five six right I'm going to change that to six ones two three one two three and click save yeah number two sign in okay with that reset that email here Moto gave six once okay here I'm going to change the password to text okay that's why you will see the password here this is text yeah here we got six ones right if I click sign in with navigate to home screen yeah if I log out here I'm going to click again I want to reset again okay here we got mail from Firebase here I'm going to click yeah our rule password is six ounces right here I'm going to change that to one two three four five six this one and click save here go to login with old password okay six ones one two three four yeah this one here I'm going to click sign in so error like wrong password okay because we change this six ones to two three four five six this is correct credential in this case it's navigate to home screen yeah this is what I attracted to tell in this video you think this video will help you bye

Channel: Coding Comics

Views: 3,554

Keywords: how to implement forgot password using firebase in react, how to implement forgot password in react, sendpasswordresetemail firebase react, firebase reset password react, react firebase forgot password, forgot password send email react, firebase reset password without email react, firebase password reset email not sending, firebase forgot password react, reset password firebase react, firebase reset password custom page react, forgot password in firebase react, forgot password js

Id: saaC1hgGnpQ

Length: 9min 14sec (554 seconds)

Published: Sun Jul 02 2023