আজকের ভিডিওতে আমরা শিখবো কিভাবে React প্রজেক্টে Firebase Authentication সেটআপ করতে হয় এবং Google Sign-In অপশন যুক্ত করা যায়। এটি আমাদের চলমান React Project Tutorial সিরিজের Part - 8, যেখানে আমরা ধাপে ধাপে React, Local Storage, এবং এখন Authentication পর্যন্ত কাজ করছি 🔥
🎯 In this video you’ll learn:
How to integrate Firebase in a React app
How to enable Google Sign-In from Firebase Console
How to implement Google Sign-In using Firebase SDK
How to display user profile info (name, photo, email) on UI
How to handle Sign-Out functionality
⚙️ Tools Used: React JS | Firebase Authentication | Google Sign-In | Tailwind CSS | Vite
00:20ताइलेव हवे, सो एकान आशार पोर है, आमरा जीटा कोरवो, शीटा होच्छे, आमादेर, जेतो आमरा आमादेर वेबसाइड है, आमरा एमोन एक्टा जीनिश कुर्ती चीती सी, बाई, फायर्वेस्टा बेसिकली यूस कर आहे, अथिंटीकेशन एर चलनो, अथिंटीकेश
00:50अधिये, नेक्स्ट, ठेकासे, एई जी जी अप्षोन टा, एई अप्षोन टा, की भावे आने, एटा उच्छे ऑथिंटीकेशन, सो एई जी निश्टा की भावे करेश, एटा आश कामरा देख्वो, एटा करा जन्ना, आमादेर, जेता आपए फायर्वेस है, फायर्वेस
01:20फिल्द ठेके अमादा ऑथिंटिकेशन चाहबो, जेता अमादा आथिंटिकेशन तो यरे बो, that's why, so अथिंटिकेशन चाहबो, परे धेके निखन आक्प्षन असे, simple multiplatform sign-in, get started option असे, तो आमादा get started क्लिक कोले, तो आमादा
03:49सवाइब आपारे रेजिस्टार आमना में करभू दॉइ बोई पो का
03:53थिकासे, अल्सो सेटाफ फायर बस होस्टिंग, होस्टिंग अमादे दर काननाई, आम रजिस्टेट कोलाँ अप टा
03:58ओके एप्रेस्टर को राप पर देखें एखाने की बोल्से यूस एन्पी एम न्पीम एईस कोरे आम रहा इठके आम दैर प्रोजेक्ट इंस्टल कोरते वर वह सो की बोल्से एन्पीम इंस्टल्ड फायर्बेस चासा मेटेचावबी कुल्लाम
04:08आम्रा यह बरा मैंदेर कोडिगे चोले जावो कोड़े आशार परे आम्रा जास एखन देक पावर्शेल थाकते बाड़े अपना दिर सॉबचे साउस सिस्टम होचे अपना रहे गिट वैसे आशार परे जस्ट आम्रा जीट को लावा एन्स्टाल फायर्बस एटके इंटरप
06:56क्या नो get auth को था यूज़ कुर्भो एजे const auth दिये आमरे इठाकी यूज़ कुर्वो एठाकी यूज़ कुरते भो से ठीक आसे
07:03initialize Firebase authentication and get a reference to the service
07:06तर्मा ने एज आमा देर एफ Firebase app एटा अल्रेडी आसे एजे import initialize app from Firebase app
07:13आमरे जे एठाकी const auth get auth app
07:17आमरे लेखे फिलते बड़े एकाने const auts auth एर परे शोमन शोमन दी आमना की लेखवो एकाने get auth get auth
07:27auth देकन Firebase auth थे कार्षत हावे एटा ठीक है
07:31Firebase auth थे कार्षत हावे आमरे जो देखाने देखी एजा Firebase slash auth एही जगा थे के अच्छे get auth टास्वे
07:37so get auth देलाव आमरे फायर्वेस auth थे के एटा import हावे तो था है हुई से होई लो तो ना auth
07:45यह फायर्वेस auth थे के आमरे अच्छे एटार निया श्लम फायर्वेस auth को था आशे नाई
07:50एल पर एटार भीतोरे होच्छे आमरा एप्टारे बसाई दीगो ठीकासे एक होन फायर्वेस auth थे के गिंट एड आशे नाई तहला मदर की कोरते हो आमरे जस्तेटे कपी गोर बसे देवरी फायर्वेस auth थे आशे नाई
08:01आशार तो कोना कारून नाई कारून फायर्वेस auth टो आशे एक अचा जाय होग सेब कोलाम सेब कोर आमरे जोड़ी auth थे रह एक कने आशे आशे और आशे शेण आशे आशेण तो आम रहे टेट कोरे नाश्त थे इस वाया दिए
08:14सब्सक्राइभ समकिंद्सक्राइभ सब्सक्राइभ हम देख Cityम थे भीस
08:35को अने चाहिं की अधाय कि यांस फ्सक्रशारा ना बडलोकरों हमिवारा कोल मीद्फट कोारा अधाय चेज्क आहार सो किया मिडा सधिभी अधाय,
08:57तो सइन साइन अपने और सबस्क्राइब सेके लिस्टेट बूक अबने बतन ना सकते हैं
09:10तइले अमरे थे वोर्ण अटे लोगो, यह साइढ इन साइनःप मामणा humour,
09:14ठीक है से अडाले बटल्टन के आमरी बटल्वन रही खाये है ह convention
09:19अबरह एृड पैज बना भूर कि तेले है जले कि पैजे से रहे हेद मामगार कि टीक है
09:23आम रहेक्टा फोल्डर हो बनाई फिलते बारी
09:25sign sign sign in sign in sign in app
09:32ठीकासे अला इकाने पेज़ो बनाई दी
09:35sign sign in app.jsx
09:40आरेसी दीए आम योच्छे इखाने एक्टा बोला तेम्रेट नियासलाम
09:44एबों इखाने आमी h1 दिया बोलादीलाम
09:46sign in with google
09:50जा आपा तो बनाईलाम
09:53एटा रूड ए आमादे एट कोर्थे वहा बोलकां
09:55करने लिंक दिए एकाने चला जाबो
09:56तेले कि कोर्थे वहा बोलाम
10:00आमा रहेक्टा अब्जेक्ट औरी कुल्लाम
10:02एकान देक्या पाथ दीबो हो छे
10:06sign in app
10:08sign in app दिलाम
10:10एफाने आमादेर components जेटा हबे
10:12जेटा हवए, कॉंपोनेंट हवए होच्छे, साइन इन आप, एज या इता, ठीकाथे? साइन इन आप, पशे दिलाम, सेब कोलाम, एवार होच्छे साइन इन आप एखाने आप ए आप बरेर इखाने आईशा, आमरा एजे बाट्टों टाटों आशे, एज़ एए एंकोर लिस
10:42आप एकने बसाय दिलाम, एकने अमरा 2 दिलाम, 2 दिया होच्छे, आमरा बोह लना दिलाम है को ठचे सइन रिंग बसाय दिलाम, आमरा जैस एंको ट्डा रेकाइट फालाय दिलाम, शइफ कुल अ मेहनधralthen जाय जाइकर एकुलीक कलनाै मैं है
10:58चाहिशोचा नोट फाउन चोला आश्चे क्यानो
11:00साइन इन आप बानाम भूलोईसे
11:03साइन इन आप आमादा रोडेर भीतर शमभवत भूलोईसे
11:06एजे एटा होए SIGN IN UP
11:09साइन आप पपी कोलाम एटान नप बारे आशी नप बारे आशी एजे देखेन
11:13सिंह होए गया से SIG IN UP होए गया से
11:16सो एटागें तो ठीक ठाक ठाक्त पप साइन आप होँजा
11:18एबर आमना बैगे जाई बैगे जाए होच्चे आमारा SIGN IN UP क्लिक कोरे तेले SIGN IN UP
11:21चोला आश्चे आप इटा पाइटा पाइडानम बागत लगत छे ना
11:23बसा ना इखने केल लेखने केल देखने कषाड़ आशेए इकाना आशेना, तो आमरा इटार्य जेटा कुर्ते बारी, एमरा इखने kelasname बसा हादीते बारी , classname बसा दिलाम होच्छे button , button पिल आप अक्सेंट दिलामे , बाटन अक्सेंट दिलामे , देखने sign in aap ले अप्च्य
11:53दाइक धरन एक्हाने एक चुँआन्ना दियू अबना बांतां दिलाम
12:00मेट पूरहट रर्यकाइत दिया बना एक्षने बांता 요�र्य दिलाम एनों एक्हाने आमरा होट्चे ले मो puls गोल में दिलाम बांता चेम कॉये पूरहट दर खन्ना-टन धे
12:19खोस्ट दई हैं माँस टा निल्ये एटा सो करब्ये अईजे यह बोस्ट दिले माँस टान यदे शो करवे ऑलत तारपार रह होजखे आम रहेका ने पैडिंग दीचे बारी essałam
12:26पार्जीन दिना पाँस वोटे लो एर परे आम राचे ले खाने बडर दिले तो आशबे नाम उने होए बडर बडर दिला मुश्चे टू बडर टूदीशी बडर अश्चे किन्तु जहे टो गोस्ट आसे बाउस नीले दाखाबे आदर्राच दाखाबना सो आम रहे खाने गो
12:56पर्ड ना बाट्बाटन लेखर देंजर लेखर देंजर डोलो ना वन देंजर ख्रीड के देंजर के लिए करना तून यूगुल है बाट्ण आज चे पहुच्छे
13:15तहले आम्रा बाटन गूगोल ये बाटन तो तो ओक्तिक हुगा आम्रा आपकेशा तार साङरा टुमक्ति ये खालों गाशा जिया
13:20पेजी खालर के सजा आमरे एखन ते के चार्स ती बाटन लिखे बाटन अच अच्छे बाटन अच्छे बाटन थिक्ट आ आम आ गिए कवार अझा करें देखी ते य॥ा61 जे कालर प्राइमरी कालर सेगेंडरी कालर इएरोर डेश इस्टायल विहवियर
13:36है यicamente जो कि और र ignorant बाटो निगों डिमार्म रिफ怎么了 Legal a nt ot a
13:44cultural जय जय जय अए chưa एकंटिक है आणला नालैल यह यह विर्टा ना
13:50सेकंड़री सेकंड़री आनली एकंट। देयो कि यह से सच आख ऐदी शक आख है थे बट्न
13:56त्युल्ट अम्रा बाटम देई होच्छे बीटी एन इरो एवार जो देखी हाँ मोड़ा मोने साइनिनेद्गुगल ए अप्शन डास्ट एई बार होच्छे एखान आमादर एटा के कास करें ध्भब्बे जास्ट्रामने देखन क्लिक कोरवो तक्र अप्शन होच्छे साइन
14:56गूगल हो जाई तो एई बार होच्छे आमरा इप्टू नीचे जुदी जाई ताहले आमरा देखबो होच्छे इखाने एटा की बल से
15:05इंपोर्ट गूगल आध फायर्बेस आध कौस्ट एजे प्रोबाइडार टीकासे ताहले अोर इसट गल नीच्ट आमरा चाहले लेखते बारि आवर चाहले आमरा नीजरो लेखते बार ठीकासे आमरा एचस्ट एड़ा कौपी कर बशेदी ऐटको इसके आधा फॉपाइस प�
15:35पुरोजीनिस्टा, ठीकासे, आम रा येटे इंपोर्ट कोर सिक्ता गे, वेटा मांतो दर करनाई, आम रा येखन 8 रेजास्ट इंपोर्ट कोरबा, मार कभी गवड़ा बशय दिला में जे, ठीकासे, एक नमबर गेलो एटा, सेकेंड होचे, अप्शोनाल, स्पेसेविक, अथ
16:05आम रा येंखनचरा कोर भोष, एटा होचे आम रा, साइन इन्यूट पाप, एई जीनिस्टारे बशाएज़िव, जीकासे, एटा होचे एगवड़ा फेईचर मोतोसांध्यं किसो येक्टा जीनिस्ट, एटा आम रा की कोरबो, एटा आम रा कोथा ये बशाबो, कथा होच
16:35IGN, Sign with Google, ठीकासे, एइटार यामरा क्वाल कोरे दिए, एकोन एटा तो नाई, एले लेटा बनाई तो यह बोना, बनाई भले एखने,
16:44पॉन्स्ट, हैंडेल, Sign with Google, एखने आमरा एक्टाप, इस एक्टाप दीनो, तार पर एखन थेके होच्छे, आमरा एक्टाप फांक्शन रान केदू, तो एखने, Sign in with pop-up, auth and provider, एजे auth किन्थु पाए नाई,
17:00auth आमादेर कोई आसे, auth आसे होच्छे, आमादेर एजे, component एर, Firebase भीतोर थीके, auth, component एर, Firebase थीके, चोला हर्श्चे, ठीकासे, एई बार, एटारे आमरा की कोर्मू, जास्साइम जीनी, तो यह आमरा, fetch कोर्ताम ना, fetch कोर्ताम, then कोर्ताम, किन्दो एखने then, एखने then, आर होच्
17:30यास्ट आमरा, दरन, आ परताद कान्सोल, औहिस, ऑन्सोल, file, खोरे दिला मुझे, कान्सोल, लग कोरे दिला मुझे, ऐङ जे, रेजाल, रेजाल, रेजाल, कान्सोल, लग कोरे लिग, ए 다음, एए पर mês, ए शेइम जिनीश, ए पर्त, ऐिस ईनिश, दर जुदी, catch होए, म्याने
21:01एखान तेके आमना आशी अपर आ खाना आश्लाम एशा क कर से इसकी आजै निखाने आशा को परेगें
21:05इसिटललु संदरलावेस नाश्लाम एगालना ग्राना में प्ल्ल आशज के एगालना उपका साँ
21:15जो गुगल जामू, गुगल जार पुर एटा इनाबल कुरमू, इनाबल करा पूरे एकान एटा प्रोजेक्ट आसे, आमने प्रोजेक्ट नाम होजे, आम देलो दिटे बारी, बोई, पोका, बार, सम्धिंग, एटा नाम ना चेंश कोराई बाला, पाबलीक फ्रोजेक्ट, आ
21:45तुमार किन्तु पपप कनो कास करते सा ना, तुमार पपप आशारागे चोला जेते से, तो एज देखें, Google Innovel होई से, एक होन जुदि आमी शाइन इन इन इन इन गुगले क्लिक कोरी, ताहिले आमार एखाने Google एर साइन इन अप्शन काच कोर भे, एबार आमी धरे नहीं जे
22:15आथेंडिकेशन, डिस्प्ले नेम, ठीकासे, आबार एचे, एक हाने इमेल एड्रेस, तार परेचे, फटो यू आरेल माने आमादे जे लोकोट आसे, बाई इमेल जे छोबीट आसे, ओई टा सहो गिन्तु देखें जेशे, तो आले आमरा जे जी निस्टा तो एड़ी कोला
Be the first to comment