Skip to playerSkip to main content
  • 2 days ago
এই নতুন Authentication সিরিজের Part - 1 এ আপনাকে স্বাগতম!
আজকের ভিডিওতে আমরা শিখবো কিভাবে সম্পূর্ণভাবে একটি authentication-ready React প্রজেক্ট সেটাপ করতে হয়।

⭐ In This Video You Will Learn:

🔹 How to setup React Router properly
🔹 How to install & configure Tailwind CSS
🔹 How to integrate DaisyUI for beautiful UI components
🔹 How to connect Firebase Authentication to your project
🔹 Project folder structure for scalable React apps

এই ভিডিওটি পরবর্তী Firebase Authentication টিউটোরিয়ালগুলোর ভিত্তি তৈরি করবে।

⚙️ Tools Used:

React JS
React Router DOM
Tailwind CSS
DaisyUI
Firebase

📌 What’s Next (Part - 2)?

👉 Next video: Firebase Authentication ব্যবহার করে কিভাবে Google Login & Email/Password Login করতে হয় 🔥

Category

📚
Learning
Transcript
00:00असलाम ओलीकुम्, कमाराशीन शाकोरी भाला अच्छे ने भी सीकों विडियर बखो देगे आमी मुहाम्माद मुनियोस सेन अप्ते शावए के जानाई शाको तुम
00:06अमरा अल्री अथिंटिकेशन संपर के शिखे विल सी तो असके अमरा अधे शाके प्राइवेट राउट राउट राउट ठीक से एट अमरा अधे नुकुल फोल्डर आमी ओपन कोरे फिल लाम एन नहीं खाने आमी cmd आमादर कमंड प्रॉंप्टा ओपन कोरे फिल्प सो पो�
00:36subscribe reactrouter.com
00:54हम सब्सक्राइभ जीरिक्टर नाम किया चीम्स कर सकते हैं
01:02झूजवा श्क्रिप्ट ू एकान दे कारेक्र एक्टिन दी अदॉजए यूस रोल्टाउन मिलभाउन इंस्ट्न वोडाउन अमिन्स लेन वुडाउने दिलाम इनस्ट्न अंप्या में स्टार इस याप इस्टेट हुए जबेए याखोने इनसेट होए जावे ठीक से
01:13इन्स्टोल होगे यहां चिंतु श्टारणीनुट्डग्ड सार्वार, तो सर्वार गींट्यालथ।
01:18जहां स्गेलिए जये इन्स्ट्रावाट कुर्टावसे इन्स्ट्रांचे आप幾 मों सीचाथ को में में अर्म डिन स करें एक्यों और दों सनेी लिए जित हैं
01:26रीक राउटर इंस्टल को रोगें तो रीक राउटर इंस्टल होए गेशे ए बार आम र क्याँ देटावटर राउटर इंस्टल होएगें
01:56पर शेता होच्छे आमादेर एकने सेटाप एर भीशाट आशे वड़ा इंट्वाले गोपके सी आम एकने तेके टालूइन टारे इंस्टल कोर लेबर शे तेलुट से अम रहा सार्च देज यूजिंग भीट आम शेटा बीटे चोले जाई
02:05अने खाने होच्छे आम रहा अल्रेडी आटा कुरे फिल सी तामादेर एकन लागवे शुदू मार्तो एटा सो एटा रहा कपी कोला हम कंडल सी आने खाना आई शेटारे बसाई दिया इंटर दिला क्या आश्चे आन्प्यमिन टालूइन टालूइन शेस विट पी एम पी एम क
02:35प्रे को लिए आधार व्मिन कोरते करतीं हैं त्यार मंकि आ दिया चुडूअसलॉस चीपल सी आधा क्यों रकूरिएं Earग और सु धे बाता अ गरॹल्ती आडिवग हम उपती श्चे में जाए और आई मने बे शुकान्हीं कोरतें हो
02:45एवार आम्रा टैलुइंट रे प्थमें सेडब करबो ये तो टैलुइंटार सहल होष्ट तर प्रेम्रा
02:49डजी युई तर प्रेम्रा रियाक्टा रोडर सेरब ख़ीएसे
02:53सो फास्ट आफ आल कि बोल्षे वीटकॉंट ।की येश्टे इंपॉत कुरतेव लाउं
02:58कोड़े आसलाम एखन तीके विट, config.js, एकाने आसलाम आसलाम आसर परे एजे, एटर परे आम रहा होच्छे एटर रे निया आसलाम, tellwind,
03:04विट, एर परे plugin ने आमाँदे tellwind दरे बशाई दी तोफ़ाबे,
03:07पपी को लाब
03:09एकाने रियक्ट आसे रियक्टर परे कॉमा दिया आम रा त्यालोन डारे बठाए दिलाम
03:12एर परे किया हासे
03:13CSS फाइलर भीतरे
03:15इंपोर्ट ट्यालोन CSS इटा कुरते को फोगे
03:17ठीक है तो एट आम रा कोई कोरबो
03:19अमादर सोर्स फाइलर भीतरे आमादर एखने
03:21app.css आसे आमादर एखने
03:23index.css आसे
03:25index.css काईटा दिलाम
03:27और app.css आसे बितरे गिया
03:29आमी होच्छे इटाने पेस्ट कोरे दिलाम
03:31सेप कोलाम बस होई गैसे
03:33आमादर कास्ट्रेश एर परे किया असे
03:35index.css
04:03ય્દ આંરી સ્રણામ�ાવામાંમા�ંમે પલોત
04:25छेख विलन इंव पॉरथ हं जट एप करतेहे हो एडा कर रहे हो इस व देख ज़ने सेबुते हो
04:39प्रोजेक्ट नाम की दिवो आमादे फोल्डर आ जाए नामसे अने गुला उपन करा हासे अने गुला जिनी तो आमी जुद एक बर शब गुला मिनिमाइस कोड़ते जाए
05:08मज प्रोजेक्ट नामसे नाम प्रोजेक्ट नामें बाया कीरफे ज़ें प्रोजेक्ट एक अने फ्रोजेक्ट सोब Terrigy जाए Maga
05:20व्यंद्वा सीववतें असाज है नेत्सकी खाकाB
05:36प्रोजेक्ट ऊंभाब
05:38प्रोजेक्ट क्रेट करें होए गेसे यह बार आमना कॉंटिट्यून दे क्लिक कोरी
05:43बस अमादर आत विद प्राइब राउट एफ प्रोजेक्ट टाकी न्टु क्रेट होए गेलो
05:47इपर आमरा जेटा करें शित अच्छे अम्रा एएख ने शेटिंगे चाप दीबो और आहांतिकी प्रोजेक्ट सेटिंगे चोलो जाबो
05:52प्रोजेक शेरिंगे गले अम्र जियो दिख्टू निच्छ दिए जाई देखेन बोलता से
05:54त्यारा नो अप्स इन यूर प्रोजेक्ट सो आम्रा की कुर्प आम्रा वे बर्जून नी यूस कुर्भो
05:58देटसे आम्रा वेब ए क्लिक कुर्लाम
05:59अन इखाने एप नेम अबार लगबेस अभी दाम तो कॉपी कुरे रक्सी चास विटर एखने पेस्ट कुरे दिलाम
06:04एड रेजिस्टर एप एक क्लिक कुर्भो
06:07फार्बास होस्टिंग आम्रा वे दर कर नहीं दर सो आम्रा चेक मत दिलाम ना
06:09यह तम्रे लोकल होस्ट एखन कास पूर्पेसी तो आमादर फार्बेस शेटप कर नोधार करनाई भा फोस्टिंगर करनाई एज ताके न इबार मादर इंस्टलेशन ओप्सन चलार से
06:19की बलसे ऐन्पीम इस्टल फार्बेस आम्रा जबाशस एटर कपी गोरी टार्मेडल ने जाईट आर्मेडल लेगी अम्रा जिसे पेस्ट कोऊरिये इंटर धी बस आमादर फार्बेस एखन इखन इन्स्टल होस्ट उफ जावे इखने की बलसे एक टाट्टा
06:31श्यांट से रखबो आम दो आपगे वाप ब्लत में
06:49चुले उसे लड़ कि शोर्सफाइल रभीतोरे आम घंटा फाइल करी गोरी जिए डूतीद में
06:53firebase.init initialize.js एड़ा जावास्क्रिप्ट फाइल ठीक है अने इखाने आमरे जेटा कुर्बोस एट आमदर ब्रावजर थेके इजी निस्टे रहे कपी कोड़े नियास भी जे
07:05कपी कोल लाब एंद वियस कोड़े जाए वियस कोड़े जावर पर इखने पेस्ट कोड़े दिला भास अमदर चोल आश चे एर पर आरायक्टा कास कोरते हुआ जेट अमदर आध्थ टाके नियास थावे ठीक है
07:14सो अध्ट आमरा कोथाई बाबो एटामीक टो परे कंटीनियू गरता सी कांसोल है आमाधर टार्मिनल थेके इंस्टोल हो कागे इंस्टोल होई तेक्ट शोमाई नहीं करोण एक किसो डाउनलोड हाए तो आमरा कोई जबा आमरा जबाश चे फायर बेस गूगल डॉगल डॉ
07:44साइन इन विटे प्री विल्ट यू जीय तो आमरा गुल दे अल्रेड इंस्टोल होई जी जी जी आए जी लगा वाशाह दी शी शूद्ध मरत यहाने अक्ट लाइनान से यहान कारोग आदी से ऐलेंट बंदल लागवे ठीका से आप कोई खूल्लाम येश गोड़ जाई ए
08:14ये एप त्यार्ए यूस करेखे मुझा यजर्फे लिशना ही क surge अधे मुझा is
08:19के लगंड सब्सक्राइन चुन्स करेखे मुझा करेखे लिवी might
08:23हुघ कराइन से इसली चेरहτοं सब्सक्क्राइबेखे बि確नी यूस कररेखे हैं
08:25हिआवस दा कનा धूल है
08:28होगो क्या सम्मोन है ना यहां और अखानो है नहीं
08:34अमने जट दिखिये एखने गेट अपकाफ की आश्टा नहीं गट आखने की तकी नहीं तो आशीर नहीं
08:38ठीक से, so get auth ताखे नो बट साइध दिकत होगे, get auth ता कुर थाके आजबे एई जे देखेने, इखाने इंडिनिकलिद्ध बोल्ले दीशे,
08:43जे import get auth from firebase auth, copy column, vs code आशे लाम एई खने आम रहा get auth ताखे देख्णे,
08:49सब्सक्कितरा नहुतुत कोसंद भीता कोहें suffer
08:57सब्सक्राइब को करत एपाँ मतर्स नमया हो विसक्राइब
09:05एक है करेका है को जुबक और पुर्खाइब
09:11आमने अगल टर भूझे हैं इन्स्टराटकेश करें तो थे प्रूजेक्टर ररां करवें तो प्रोजेक्टर रान होएंगे तो फ्रूजेक्टर रूच यह आमने लिंक आपि कुलें ब्राउजरे जाये ब्रॉजरे जाये रहें अदे अकले।
09:41अम्रा देख भूँ हो छे आमादे प्रोजेक्ट रान होएगा छे कोफाई एज आम तर प्रोजेक्ट चोल आर्छे आवाँ जेतु आम्रा टैलोइंड इंस्टल को रेफल सी सो टैलोइंड किन्द एखने कास कुरते से अच्छा एबार आमादे आरेक्टा जीनी स्टेटाप क
10:11राउटार प्रोफाइडर नामे की सक्फटाट दी या एटारे बसाई ही इसे तो आम रा चहिले ऐप तर बसाई
10:32और प्रोसेक्ट देखी हेवल वर्ट।, अम रहा है करो कःच गड़ीरे ये रावटर रहें राखेश करीज सब्सक्राइब
10:48सब्सक्राइब राउट नाम है सब्सक्राइब..
11:06नाम देते पार धानाव है?
11:17KSX ठीक हैसे एन रसी दिया आमी चेले अठा प्रोग्राम कोरे फेलते परी आबाँ नाउ कोल्दे समस्टा नहीं क्या नो करन होच्छ आमादेर एखाने होच्छ एटा के एक्टा वेरियवेल शेवे डिक्लार कुरते होगे
11:27ठीक हैसे सो भेरियवेल शेवे डिक्लार कोड़ा होच्छ एटार आमादेर एक्सपोर्ट कोरते होगे
11:32सो पंदोल सीद्या कपी कोल्लाम एका नाम बसाय दिलाम कंस्ट्र राउटार बसाय दिलाम क्रियाट राउटार एक गोलो सब चला आश्चे
11:39एक नम्बर होच्छे राउटार थाकलो आमादेरेर ब्राउजर राउटार जाएडा आशा ना एक राउटार त्यासल सब्संट किसेट और संट्लुब त्याले व में होग से
11:51से आच्छा भालोगा था एटानी माठी लेनी निया जाई पात थाकलो पातेर पड़े कोंपोर्णेंट थाकलो पड़े ओड़े येटा आवार निच्छ थाकलो आच्छा एइख न देखें और रूट नाम एक रख्टा थाकवे शो रूट किन्त अमादर तोरी गुरत तयले �
12:21तरे नेबबर थाकबे तार परे थाकबे होच्छे आमादेर की बले एटाके आउटलेट थाकबे आरोच्छे के आमादेर फूटर थाकबे
12:29एक्सपुर्ट राउटर होकि पताया है।
12:42ये पाङए कचहों एक्सपॉट्टोर श्बborgस अंचित बुताया है।
12:43एक्सपाय।
12:49दिलाम स्क्राइब करते करें हाँ
13:08पेज एसेर भीतोरे आम रा जेटा कुर्वो शेटा होच्छे आम पुत्तमेत दरी कुरव एकटा नफबर दोट येसेक्स दिलाम एखने आरेसी दिया मियोच्छे क्टा टमप्लेट निया अस्टलाम बएलार टमप्लेट अधे एखने आमरा की कुरवो । आम देज भ़वा�
13:38को लाम बस एटे टोष न लाईशलों नफ ब्रसे में आरिकी करवो फुस्य पर बडबल ऐफ डाबल व्ट पर पर
13:47फूतर फूतर फूतर, फूतर, यहो फूतर .jsx jasx बस एखन तेखा आरेसी दिये हैं आम्रा पूतर फूतर तो रीकोर्वो यह तब भास थाकलो, आम्रा एखने 60 काके in aqn
13:58अनी एखन थेकैं आमरहें जेको पूराइं फूल्डा पूलाएं फूलाइं बस शेष एड़ परे आमरहा इखने पेजस तो इडिये आरंक्ता कुरबो चटने नाम ओंची खिकी याम मदेरे
14:11सब्सक्राइब सब्सक्राइब
14:41सब्सक्राइब
15:11सब्सक्राइब
15:15सब्सक्राइब
15:21सब्सक्राइब
15:29सब्सक्राइब
15:31सब्सक्राइब
15:37सब्सक्राइब देखी है।
16:05सो एखान एटा ठाकलो, एखान थेके आमरा होच्छे आराक्टा तेरी गर्वो, छेटा नाम दीबो होच्छे आमादेर की जानी
16:12index true दीतो हवे, क्या नो कारण चे पतो में home थाकबे, home तो slash ही थाकबे,
16:16एखान थेके एखाने index true आसे, component home आसे, आमरा की गर्वो, आमरा एखान थेके index दीबो, index, index दीबो अप्चे true, एर पर होच्छे, आमरा component बशाबो, component बशाबो काखे, home के, home, आई बटा, home कोई गेली, home, एजे pages home, बशाय दीशी, एबार आमरा एटा गर्वो, शेटा होच्छे
16:46create browser router एटा दोर कर नाई, एटा का इटा दिलाम, एए खन थेकी आमदर एए टुको दर कर नाई, एटाओ का इटा दिलाम, एए खने जाए router आसे, router ता आस में उख्छे, आमरे, router थेके, router.js, शेफ को लाब एबार जोदी ब्रावजर रोजर जाए, अथनिकेसन न जाए, ए�
17:16जीटा कुरते हैं आँसी gözुख रसेगी ुख क बिस्वी स्फिव और में
17:27इलिमेंट पाठागी से ठीक है ताले आमरा रूटेर भीतोरे रिटान करते सी ठीक है अच्छा तो इखाने सराशोरी फांक्षन लेख से इज रहें फांक्षन सराशोरी फांक्षन ठीक है
17:51सराशोरी फांक्षन बने सराशोरी फांक्षन तो इन अंड्यक्वर रूट नावे घंकारी सराशोरी फांक्षन दिवों
18:20सेखनें रिटान करण रेविपण करणें रूस रिटान करण राकार्ण रूस रेविपणर कर्णाया लूससे
18:35अच्छा एखने कामरा इजे इंपोर्ट रियक राउडर एटरे फालाए दिलाम एखने रूट थाकलो ओके एखने रूट रूट थाकलो रिटन थाकलो आच्छा एटरे आम रहा तीवर भीतरे रहा हो ठीका से
18:57कॉने लाउड्स दिलाम एखने आम रैक्ता डीवर क्रियाटकोलाम दिवर भीतरे लोट रिटले घ्यदा छसे एथीटा से एप स्युलीतिक थाकलो ठीका से एब्टरे डॉटकशा पाये नए आगे थीगे बीगतासे जे वाई प्लागिन प्लागिन आम भुझी ना प्लागिन
19:27इंडेक्स पार्व ठीका से के नेप बहुत करें तो चुनए आप सकते याशे घुट से फिकता से
19:47वोन है ईए है सब्रूट शीर और झाल यहां हो तो ऑसे डीप्त लाइं एड़्ट कास posis
20:00सब्वेश gefाति सब्हों यूए और मदप कास को 1च टार सब्वसे साइब झाल sing
20:00मैं अप्मेंगे कि दूप Chicken Highway.
20:02सब्सकुरा क्या है कैसे भी कास कर मैं न उन हूं डाहले outta Ph archaeological
20:07प्रप्रब्राइब यूट्टर आम्रा जा साथ पतर्फो पॉमेंट को एरा कोमेंट को एरा आम रहा होस्के लेको अम्रा इक ने एए ट्वां दिया लेखी तो
20:13इंच वान दीज इस होम पेइज टेप को ला में वार जुदी जेखी इस होम पेज ठीक हासे टाइले आमादर रूटे जाई नप बार दीशी पोथो में एर पर आउटलेट एर पर दोचे फूटार अब इसो ठीक ठाक
20:32अमरा आई बार जीटा पुर्व शिटा होच्छे आमादर आउटलेट टार आउफ कोरी तो कि पोल्ला में वार जुदी जेखी रिलोड दी आमादर शुद्धू डाइरेक होम पाएगे सेगा ठीक हासे आउटलेट रूट्टा भाईता से नाउट बोजन में पहले एई खाने
21:02अब्सक्राइब नागे दी देए नवान वान दी अब्सक्राइब नजाया आफ नवान दी लाइन रोट आउटलेट शुद्धू ये वह चालाएगे तो काथ होएगे होच्छे गिया फोल फोल शुद्धू आप से की बोलेट रहे चाहाँ आप अब्जेक्ट्त ओरेगे स
21:32इंडेक्स्ट्रू होगे ठीका से सो एई इखाने आम राइटा भूल करें फिल सी सो एटार आभी कॉंट्रोल आजिए काट कोरी बूल आभे वाजय मजे होगे कुणों विशाय ना तो एखाने आमादर रूटेर परही हुच्छे आमादर चिल्डेन टा परही हुच्छे आए
22:02कि एटा दिलाम एन ओरे होच्छे आम रा आम कमेंट कोरे फेली सेट कोलाम एबर जोदी जाई जाए जाखेर आमादर लोगिन पेस चला आश्चे आम रेटा 100% कोरी अज़े लोगिन पेस अज़े आमादर परही फूटार अज़े नीचे फूटार उपरहे हैडर सब्सक्री
Be the first to comment
Add your comment

Recommended