Skip to playerSkip to main content
  • 2 days ago
এই ভিডিওতে আমি দেখিয়েছি কীভাবে Firebase Authentication ব্যবহার করে রিয়েক্ট প্রজেক্টের ভিতরে Email & Password Login সিস্টেম তৈরি করা যায়।

📌 যেহেতু আমরা এখনো ডাটাবেজ সেটআপ করিনি, তাই Firebase Console-এ আগে থেকেই একটি ইউজার তৈরি করেছি এবং সেই ইউজার দিয়ে লগইন সফল কিনা তা কনসোলে দেখিয়েছি।

🎯 এই ভিডিওতে যা যা দেখানো হয়েছে:
✔️ 1. Firebase Authentication Enable করা

Email/Password Auth অন করা

Test user তৈরি করা

✔️ 2. React-এ Login UI তৈরি

Email ইনপুট

Password ইনপুট

Login Button

✔️ 3. Firebase থেকে Login Function বানানো

signInWithEmailAndPassword(auth, email, password)

Error Handling

Success Handling

✔️ 4. Console-এ User Info দেখা

সফল হলে ইউজারের ডাটা লগ

ব্যর্থ হলে Error Message দেখানো

🚀 Next Video (Part 3)

👉 পরবর্তী ভিডিওতে আমি Context API ব্যবহার করে কীভাবে User State globally manage করা যায় তা শিখাবো। যাতে লগইন হওয়ার পর সম্পূর্ণ অ্যাপজুড়ে ইউজারের তথ্য ব্যবহার করতে পারি।

Category

📚
Learning
Transcript
00:00Assalamualaikum.
00:02So last video is
00:04Project setup
00:06RakeRotup, Televent CSS
00:08Daze UI
00:10Firebase install
00:12Ui
00:14Ui
00:16Ui
00:18Ui
00:20Ui
00:22Ui
00:24Ui
00:26Ui
00:28So
00:30Firebase
00:32Ui
00:34Ui
00:36Ui
00:38Ui
00:40Ui
00:42Ui
00:44Ui
00:46Ui
00:48Ui
00:50Ui
00:52Ui
00:54Ui
00:56Ui
00:57Ui
00:59U
01:01Ui
01:03U
01:04auf
01:05U
01:06K
01:07U
01:08U
01:09Her
01:11U
01:12So we have to do this with routing.
01:14So we have to do this with home.
01:18And we have to duplicate.
01:20Control D press copy.
01:22Then we have to log in.
01:24Then we have to do this with registration.
01:29Registration.
01:32T.R.A.
01:34T.I.O.N.
01:34Registration.
01:35Registration.
01:36Registration.
01:37Registration.
01:38D.R.A.
01:46L.A.
01:48Registration.
01:48A.R.A.
01:52T.R.A.
01:55Gobierno Sports.
01:56Registration.
02:02foreign
02:09foreign
02:16foreign
02:22foreign
02:28so
02:35so
02:38so
02:43so
02:48so
02:50so
02:53so copy the jx
02:55I am a home and I am a home
02:57so home
02:59so home and I will say
03:01dipter select
03:03save
03:05project
03:07and I can get started click
03:09click
03:11login
03:13login
03:15login
03:17login page
03:19login
03:21login
03:23wilderness
03:27login
03:29login
03:31login
03:33registration
03:35registration
03:37registration
03:39registration
03:41login
03:43login
03:47login
03:49login
03:50Registration Pages
03:53.
04:01.
04:18.
04:22.
04:22.
04:22.
04:23.
04:23We can put...
04:32So we're ready to go along to the login page.
04:44What is this?
04:45This is the name, the name, the name, the name, the name, the name.
04:53the registration registration registration and a director component and the components
05:03and they get a number of registration registration again pages registration simple
05:10I am going to go to the next page.
05:17I will go to the next page.
05:24I will go to the next page.
05:29.
05:36.
05:51.
05:52.
05:53.
05:54.
05:55.
05:56.
05:57.
05:58.
06:12.
06:13.
06:19.
06:20.
06:21.
06:22.
06:23.
06:24.
06:27foreign
06:39foreign
06:49foreign
06:55So if you have a login, then you can send it to your email.
07:07Just send it to your email.
07:12Just send it to your email.
07:16.
07:25.
07:30.
07:36.
07:41.
07:45.
07:45I'm right on ticket joiner get it is it's a gender kind of a second device
07:51actor are pretty diverse as BG join in for us and yes input us into it so we connected deep
08:01join like a person interview very little address is a button on a second yes is a
08:13BATON RAHE FALAE DILAHM BATON RAHE FALAE DILAHM SAVE KOLLAM E AY GHANTHE KEY AAM RAKTHAB BREAK
08:19DEEKHAY SULLA AASHY CHCHARE ACHI KASHAB
08:22PATHB AAMRA CYLE AAMRA DERUJAY PATHOME JYA LOGIN NAISILAHM LA
08:27AAMRA OITAN NITE BADY PATHOME JYA HERO SEKSHONTE KEY JRADA NISHI LAM OITAN NITE BADY
08:31SO AAMRA KIK KORTABAHAMRA HERO SEKSHONTE JYA HRO TO JAAAR PORRE
08:34so
08:38I am
08:42be
08:47a
08:47a
08:49a
08:52a
08:54a
08:55a
08:58a
09:00a
09:01a
09:02a
09:03and now that I can argue I said I could say that's it I say okay I can age
09:08fill set us I'm a sorcery it can a field city versus the body how there are
09:12kids are making a class name a different other way different quality a different
09:17amount of my dilemma did they do to follow this is a money is a difficult
09:20holiday to have a parallel and simple language is the key the latest
09:23number to log in the option to access and a div taray whoo a div taray I'm
09:28using the original card and administration
09:36login now login now and
09:43I am ready to go to class.
09:45I have to go to class name.
09:48So then text to excel.
09:52Pre-excel.
09:55It is called font.
09:57It is called bolt.
09:59I am going to go to MX auto.
10:03If I am going to go to the machine,
10:05I will not go to the machine.
10:07MX SM something is like that.
10:10So, I just found the machine in the machine.
10:14Put the machine in the machine.
10:17I will use the machine in the machine.
10:20For scaling the machine,
10:22you need to have a machine,
10:25an tablet can be used in the machine.
10:27You can put the machine into the machine.
10:30The machine is also a team.
10:33Let the machine get the machine.
10:35I'm going to click on the machine.
10:38and a field setter a manager whatever is a question from the way from
10:42a problem that a product from yellow and I can a login button as a so
10:46button today a button shop is a cool I'm not gonna get a go I'm not connected
10:51to the boy in food new or cheeky submit input new submit pouch login
10:56opportunity that's a sub minimum submit name and alum there's a value of a
11:00muchigy login below will I'm login type of the submit and a honey I'm
11:05We will have class name and save.
11:15We will have login and password.
11:19If we need to work in our forum, we will submit on submit.
11:25On submit, we will have a handle on submit.
11:27So, handle submit, handle submit.
11:31handle login
11:33handle login
11:35login
11:37handle login
11:39returner
11:41handle
11:43handle
11:45login
11:47parameter
11:49event
11:51event
11:53prevent
11:55default
11:57submit
11:59load
12:01loading
12:03console
12:05log
12:07console
12:09save
12:11inspect
12:13inspect
12:15email
12:17abc
12:19com
12:21abc
12:23com
12:25abcc
12:27email
12:29email
12:31password
12:33email
12:35name
12:37email
12:39password
12:41name
12:43email
12:45name
12:47password
12:49email
12:51password
12:53name
12:55password
12:57password
12:59password
13:01password
13:03email
13:05password
13:07password
13:21password
13:23password
13:25password
13:27target
13:29password
13:31value
13:33authentication
13:35authentication
13:49authentication
13:51authentication
13:53authentication
13:55authentication
13:57authentication
13:59authentication
14:01I will add the other provider.
14:03If you add the other provider, I will go to the store.
14:06I will go to the store.
14:08Get start.
14:09Firebase.Google.com
14:12Docs, Auth, Web
14:13I will go to the store.
14:14I will go to the store.
14:17I will go to the store.
14:19This is the store.
14:21We will go to the store.
14:24We will go to the store.
14:26Get auth.
14:27Get auth.
14:28Get auth.
14:29Sign in email and password.
14:30That is the source of the domain.
14:32If you want am solve for your own other place.
14:35I will open my zinc area by空ing columns.
14:38Get auth.
14:38Get auth on your own ear.
14:40In this case, let me copy that and lower the file.
14:43It will..
14:44Condemndit, password.
14:45You will add messages in the store.
14:47Get auth.
14:49Get auth.
14:50Then let's transfer to the store.
14:52Firefoxけれ can apply with werden.
14:54So use it.
14:56Don't use the mail and password.
14:58Choose it.
14:59This is the result of our WordPress Assistant.
15:02And this was the result on our WordPress Station.
15:08At about our the site.
15:18it can be a .
15:23.
15:26.
15:29.
15:31.
15:37.
15:41.
15:42.
15:44.
15:46.
15:46.
15:47.
15:47.
15:48.
15:48So, my user credentials are just like social media
16:16oh
16:44.
16:50.
16:55.
16:59.
17:01.
17:05.
17:07.
17:13.
17:14?
17:22?
17:24?
17:28?
17:30?
17:33?
17:34?
17:36?
17:37?
17:38?
17:42?
17:44?
17:44so that he was using a text
17:51as he installed firebase
17:52which used the app
17:57authenticated
17:58he was using authentication
18:01it's like to get a start
18:05you can get a password
18:06you can get a paste
18:08and send a check
18:11the email link
18:13So you can edit and edit the link to your email and password left and click on share.
18:19Then click on the password log in.
18:23So, let's go on this website.
18:25Let's check the link this website.
18:27When i'm going to click on the website, the link is a bit higher.
18:33and if i'm going to request the link.
18:36And if i'm going to get the result with a user,
18:40firebase chola gasee and a hankha n a e ror paisee aam ra a chikasee post e ror paisee aam ra so e ror ka n a b a c karan ucche aam
18:46ade rita to nai that's the e ror paisee so aam ra jodhi e khane jai java pari jit aam ra user dekhi user khindu nai
18:52taw aam ra jodhi e khane khe add user kori connect user add kori taha lekhintu aam ra aam ra e taw aam ra
18:57aam ra e khane add user dehi user dehi aam ra e-mail dhina hain chhe dharan abc at the red com dot com
19:02assa e aam ra aam ra aam ra aam ra product of site site site suite aam ra aap da cae dh
19:12click kori taha le mêmes rite user kiri chel paigasi abhra mada log in success distances hyi
19:26hokano ka not chase chicken bassa you said all the login kora kintu aam ra dehyza user
19:31Your email is verified.
19:35Your email is actually passed.
19:39Your email is also passed.
19:42So, your email is been logged in.
19:45Why would you like to check on what you can do?
19:49It is a sign-out option here.
19:56It is a sign-out option to sign in.
20:03but we are trying to show you this.
20:06When we were using it anyway, we were able to use it.
20:09This is the UI.
20:10Also we had access to our website.
20:11We had some information that we didn't have to make,
20:15and so we found that we could make any information
20:18without any login.
20:19If we could make this login,
20:20we could release it.
20:21This is the way we need to use it.
20:24So if we use the text as well,
20:28please remember the next video,
20:30put in the description and chat.
20:32Till then Allah Faisal Assalamualaikum
Be the first to comment
Add your comment

Recommended