📖 Today’s Class: Building Complete Registration & Login (Frontend + Backend) 📅 Skillwaala’s Free Full Stack Web Development Course

Name: 📖 Today’s Class: Building Complete Registration & Login (Frontend + Backend) 📅 Skillwaala’s Free Full Stack Web Development Course
Uploaded: 2025-10-25T07:30:38+00:00
Duration: 1 h 5 min 7 s
Channel: skillwaala

skillwaala

3 months ago

🎯 Today’s Learning Outcomes
By the end of this class, students will be able to:
✅ Design a complete Registration & Login UI using React and Tailwind CSS
✅ Integrate Form Validation using React Hook Form and Yup
✅ Connect frontend with Node.js + Express backend API
✅ Hash passwords securely using bcrypt before storing in MongoDB
✅ Display real-time error & success messages for better UX
✅ Build a fully functional Login + Register System used in real projects

Category

📚

Learning

Transcript

Display full video transcript

00:00:00है है है है एलो गाइज गुड इवनिंग एवरीबन गुड इवनिंग अर्जुन गुड इवनिंग वायाकर तानिया श्राग्याल लीफा राजेंद्र

00:00:14कि एक बार सब रैस्पॉंस कर दो कि मेरी वाइस के लिए रहे और मैं आपको स्क्रीन भी शेयर करता हूं

00:00:28स्क्रीन भी वीजिबल है यह भी रैस्पॉंस कर देना आप सभी

00:00:58कर दो

00:01:01कर दो

00:01:05कर दो

00:01:10ठीक है चलो अपन क्लास से स्टार्ट करते हैं जितने भी स्ट्रेंट्स अपने क्लास जोइन कर लिए सब क्लियर है वाइस भी क्लियर है स्क्रीन भी विजिबल है चलो पर्फेक्ट

00:01:31ठीक है तो जितना अपने प्रोजेक्ट बना लिया था उसी में आगे देखते हैं अपने फोल्डर पर आ जाते हैं जिस फोल्डर पर काम कर रहे थे और वह अपने क्रियेट कर आता प्रोजेक्ट क्लास करके ठीक है इस फोल्डर को अपन यहां पर उपन कर लेते हैं और जि

00:02:01अपने यहां पर किसमें आ जाता हूं उपने जो अपना front end है उसको मैं एक बार run कर लेता हूं

00:02:05npm run और देव करके ठीक है तो सबसे पहले अपन यहां पर जो login registration वाला काम है

00:02:13वो complete कर रहे है उसके बाद फिर अपना आगे वाला काम कर रहे है

00:02:16मैं यहां पर cd करके किसमें आ जाता हूं अपने back end के अंदर और अपने इसको run कर लेते है

00:02:21npm run server run में भी यही दिया था अगर हो जाएगा तो यही दिया है ठीक है

00:02:28तो यह अपने यहां पर अपने front end को run कर लिया local host 5173 के उपर अपना front end यहां पर run हो रहा है

00:02:36ठीक है और इसमें अपन यहां पर देख रहेते हैं अपना registration वाला जैसे मैं यहां पर कुछ भी details अपनी फिल कर रहा हूं तो उसको मैं जैसे

00:02:46register पर click कर रहा हूं तो वह अपने back end पर आनी चाहिए और अपने back end पर उसको get भी कर लिया

00:02:51अब अपने इसको store कहा करवाएंगे इसको store कराएंगे अपने database के अंदर database का अपने यहां पर db.gs अपना यह है और इसमें अपने इसको require कर रखा है

00:03:01और mangos.connect अपने यहां पर pass कर रखा है ठीक है यह सारा का अपने यहां पर कर रखा है और इसकी जो अपने यहां पर

00:03:10ठीक है और इसको अपने कहां पर बुला रखा है अपने यहां पर आ जाओ

00:03:17एप डूट जीएस के उपर तो एप डूट जीएस पर अपने यहां पर

00:03:21connect db को यहां पर require कर रखा है अपनी mean file के उपर

00:03:26ठीक है अब बात आती है इसकी जो अपने यहां पर pass करते हैं अपना

00:03:31अच्छा अपने इस तरीके से कराएगे इसको ठीक है ठीक है ओके डॉट यहां पर अपन अपना

00:03:49जो पूर्ट है और डीटा भी इसका नीम है वह अपन यहां पर pass कर देते हैं ठीक है तो अभी के लिए तो अपन

00:03:54लोकल सिस्टम पे कर लेते हैं तो मैं यहां पर अपने मौंगोडी वी शेल की उपर आ जाता हूं फिर हपने इसको टेक है सीमघ़ ॸब्सक्राइव

00:04:19और पने को कहां पे польз करनी है इस जगे तो यहां पर में сказать तो

00:04:24Db ठीक है और करके अपन उस connectionę string को यहां पर pass करो देते हैं और

00:04:32यहां पर अपन लिख देते हैं अपने data भी स्का नीम फिला ये आपर किरते हैं यह अपने

00:04:38अपने पास क्या बना रहे हैं प्रोजेक्ट मान ठीक है और अपना 6PM बैच है तो मैं आपर 6PM कहां और 2025 ठीक है यह मैंने यहां पर

00:04:52database का name रखा है ठीक है तो यह अपन पास कर देंगे कहां पर उसी यह पास करनी है कहां पर जो अपने पास अपना

00:05:01config वाली फाइल है db.js इसके अंदर आ जाओ और यहां पर उसको पास करतो तो यहां पर आप किसको बलाओगे अपने process.env.db आपने वाँ पर पास करा है ठीक है तो db connect successfully ठीक है तो यहां पर आपका database

00:05:20करनेक्ट हो चुका है इसको अपन कवर्ट कर सकते है इसी तरीके से यहां पर फरइस Nic milj अपने अभी अपना

00:05:39इसके अंदर उस data को स्टोर करवाना है जो मेरे पास Front End से data आ रहा था यहीं तो काम करना

00:05:46यहां पर मैं पर यूजर.js वाले controller के उपर उस ही में आपने

00:06:02तो यहां पर अपने अपना इमेल भीजाता और एक अपने अपना पासवर्ड भीजाता यही सारी चीजे अपने भीजी ती तो

00:06:25अपने ऐसे अपने यहाँ पर

00:06:55मैं आपर कहा जैता हूं हो यहां पास अपना यूजर का में क्वांड एक कन Whoo पर यूजर को कूध नहीं है तो विस सूरव करवा दो कैसे करवाँगे मैं इस

00:07:15कि यूजर कलेक्शन को ही बुलाऊँगा और उस यूजर कलेक्शन के अनदर

00:07:19बैटा करवा दोंगा कैसे कर वाओगे आप लगाओगे New keyword फिर उसके बाद आप यहांपर बोलोगे किसमे बुक्त कर्वाना आपके

00:07:25User collection के उपर तो user collection को मैं आप बुला लूँ गा और उसके अंदर जो फिल्ड है उसी के अंदर अपनी जो

00:07:33फ्रेटेंड से वेल्यों आरहीए उसको फिल करवाना है तो यहां से कॉपी कर लिया करो ताकि कुछ

00:07:37मिस्टेक ना हो मैं यहां से कॉपी कर लेता हूं और यहां पर आके पर इसको पेस्ट कर देते हैं ठीक है पहला अपने पास

00:07:44यूजर नीम के अंदर अपने को किसको फिल करवाना है। उसको फिल करवाना है। अपने पास हो गया अपना पास्वर्ड जो मेरे पास अपना फ्रंटेंड से पासवर्ड आ रहा है।

00:08:02रहा है वो यहां पर आप क्या करवा देना स्टूर करवा देना ठीक है इतना सा काम करना है और इसको सेव कर आने के लिए पर यहां पर क्या करते है एक वैरियेबल के अंदर साइन कर देता हूं

00:08:12मैं क्या देता हूं कॉंस्ट और यहां पर रिकॉर्ड नाम के एक वैरीबल में पर इसको असाइन कर देते हैं और मैं यहां पर क्या देता हूं कि रिकॉर्ड डॉट्ट सेव आप इसको यहां पर क्या कर देना अपने डेटा को आप यहां पर क्या कर देना अपना सेव कर देन

00:08:42एक बार के लिए इतनी सी process देखते हैं कि data अपना database के अंदर store हो रहा है या नहीं हो रहा है यह चीज अपन यहाँ पर check करते हैं

00:08:51तो चलो जल्दी से अपन यहाँ पर अपने front end पर आते हैं और मैं इसको register करता हूँ

00:08:55और यहाँ पर आके अपन चेक करते हैं सब कुछ perfectly सही है यहाँ पर आपने connect करा है

00:09:00मैं यहाँ पर लिखता हूँ अपना show dbs तो यहाँ पर आपको सारे database बता देगा ठीक है

00:09:06अब मैं को किसको use करना है use करना है मैं को यहाँ पर जो मैंने यहाँ पर बनाया project month ठीक है

00:09:13यहाँ पर यूजर नाम का collection आपको बताना चाहिए अब अपन यहाँ पर db जो अपना user है

00:09:31उसी में अपने को यहाँ पर क्या करना है अपना find करना है ठीक है

00:09:34db.users. और यहाँ पर अपन लगा देते हैं अपना find ठीक है तो जैसे find लगाओगे तो क्या यही store करवाया था यह आपका यहाँ पर store हो रहा है

00:09:48यहाँ तक की चीज के लिए रहे एक बार comment करके बताना है यहाँ तक की चीज के लिए रहे

00:09:52wait a minute guys आप comment करो एक minute

00:10:04झाल

00:10:34झाल

00:11:04झाल

00:11:05ठीक है

00:11:35तो यह अपने सिर्फ अपना जो registration का data था front end से आ रहा था उसको अपन बेकन में store करा रहा थे लेकिन सिर्फ इतना सा काम नहीं करेंगे अपने इसमें सारी चीजे mention भी करते हैं देखो यहाँ पर यह जो आपने काम किया है इसको अपन try or catch block में भी रखते हैं तो पहला काम try or catch block

00:12:05पक्रणों हो गया कैच में अपने पास कुछ भी आपिरम इंटरीगार को चाहिए पर लेटे हैं पर जो भी आपने पने पास तो यहां पर अपने पेंगे तो यहां पर यहां पर पास्ष्ट आहां सबसे पहले मैं

00:12:32पर एक condition लगा देता हूं और उससे if condition में लिख देता है कि मेरे पास यहां पर fname भी होना चाहिए अगर fname नहीं है ठीक है पहली condition यह लगा देता है दूसरा अपने किस के लिए email के लिए मैं यहां पर कहा देता हूँ आपना जो email अपने पास है

00:12:48ठीक है दूसरा आपने email लिया है और तीसरा आपने यहाँ पर क्या लिया है अपना password ठीक है तो यह तीनों चीजे अपने पास यहाँ पर क्या है

00:13:03require है अगर यह तीनों चीजे नहीं आती क्योंकि तीनों condition true होगी तब ही यह true return करेगा नहीं तो false return करता है

00:13:10तो यहाँ पर अपन क्या करेंगे यहाँ पर new return कर देते हैं और मैं क्या return कर रہाओं मैंआ आप return करके बोल देता हूं की आप response में भीज़

00:13:18देना और response में आप सबसे पहले एक तो status भीज़ देना क्योंकि यहां पर यह error वला है तो 40

00:13:26400 की अपन यहापर बेज देता है अपनी status और उसी के साथ में यहापर

00:13:33GSON में कुछ response बेज देता हूं और वह response में यहांपर EK message बेज देता हूं

00:13:39और वह message यहाँ पर क्या चलाजाना चाहिए वो अपन कह देते है All Fields Are Required

00:13:43ठीक है all fields are required

00:13:53ये message अपन यहाँ पर बेज देंगे

00:13:55ठीक है ये कब जाएगा जब ये

00:13:58तीनों में से कोई भी एक चीज यहाँ पर

00:14:00अपने पास missing होगी मतलब तीनों में से

00:14:02जिसे मालो fname उसने fill करके नहीं बेजा

00:14:04तो उसके पास message आजाएगा all fields are required

00:14:07ठीक है पहला काम तो अपन ये कर देते हैं

00:14:09दूसरा अपन यहाँ पर क्या करेंगे

00:14:11दूसरा अपन यहाँ पर

00:14:13अपना जो email है वो exist करती है या नहीं करती

00:14:17वो भी अपन यहाँ पर check कर आ लेते है

00:14:18ठीक है जैसे मालो email उसने वापस

00:14:22registration के time वापस वो ही same email दिये

00:14:24तो अपन बोलेंगी कि आपका account बना हुआ है

00:14:26आपको क्या करना है आपको login करना है

00:14:29ठीक है जैसे मालो email उसकी

00:14:31जो email दी है उसने यहाँ पर

00:14:33वो email पहले से है तो अपन उसको

00:14:35बोलेंगी कि आपका account बना हुआ है

00:14:36तो आपको क्या करना है वापस से login करना है

00:14:39तो आप registration नहीं कर सकते, same email id से, चीक है, तो सबसे पहले अपन यहाँ पर जो अपना user collection है, उस user collection के अंदर ही अपन क्या करेंगे, मैं बोलूँगा कि आप find करके लिए क्या हो, और किसको find करके लिए क्या हो, one, चीक है, सबसे पहले find one अपन लगा रहे, condition में यहाँ पर लगा �

00:15:09find one query चलेगी, अगर उसको यहाँ पर यह data मिलेगा, तो वो अपने को यहाँ कुछ रेटन करके लाके देगा, तो यहाँ पर अपने इसको एक variable में assign कर लेते हैं, और मैं यहाँ पर कहता हूँ, जैसे, email exist कहता है, email exist, चीक है, यह मैं यहाँ यहाँ पर कहता हूँ, अब यह सा

00:15:39यहाँ पर क्या करना है, next अपन यहाँ पर condition लगाएंगे, अब यह सेम डेटा यहाँ पर मिल गया, इसका मतलब email ID यहाँ पर match खा गई, तो यहाँ पर condition लगा दो, कि अगर मेरे पास जो मेरा email exist यहाँ पर true आता है, तो आपका if वाला part यहाँ पर run करेगा, और नहीं आता त

00:16:09件 मेसेज देता हूं, यह error का status होता है, status code भी बताता हूं क्या होता है, और यहाँ पर discussion करके क्या करती है, अपना citizenship बेज़ देता हूं,

00:16:20AUDIENCE केרים कें के अंदर भीज देता हूं, मैसेज में पर कहा कि आता हूं, Email already register, अगर email ID यहाँ पर match होती है, टु टूंट

00:16:31पर आपने ऐपने आपर कर दिया इसको बार की लिए फॉर्मेट करदेता हूं ताकि आपको सही वह में दिखें यह अपने फॉर्मेट कर देता है

00:16:57अब देखो यह response अपना जाने वाला है अगर यहां पर कोई भी फिल्ड आफ फिल नहीं करते तो भी अपने पास और आएगी और वह कहां पर आएगी अपने

00:17:08अब आपने प्रेंट पर आजाओ जो आपका फ्रेंट है और कहां पर है अपने पास जो भी रेस्पोंस आरहा है उस रेस्पोंस को यहां पर क्या कर लेते हैं

00:17:30कर लेते कि मेरे पास यहां पर क्या रेस्पोंस आ रहा है अब रेस्पोंस को कैसे गैट करोगे एजी है आपने यहां पर अपना पूस्ट लगाए कि आपके पास जो भी रेस्पोंस आ रहा है उसको आप यहां पर कर लो तो यहां पर बोलेंगे कि मेरे पास जो भी रेस्पों

00:18:00तो यहाँ पर भी अपन अपना अवेट लगाते हैं

00:18:02यह सारी चीज़े अपन पढ़के आ चुके तो मैं इसको repeat नहीं कर रहा है

00:18:05directly आपको समझा रहा हूँ

00:18:06क्योंकि अपने JavaScript में इसके उपर अच्छी practice करी थी

00:18:10तो I hope कि आपको पता होगा कि क्या चीज़े हो रही है

00:18:13मैं पर आता हूँ और अपना आते inspect में और एक बार देखते हैं कि अपने духов राता हמה

00:18:21और यहाँ पर इस्ट्रधे करता हो तो क्योंकि मैंने सेम alid Jiaff

00:18:28आप जैसे मैं यहां पर email को चिंज करता हो मैंने यहां पर कह दिया

00:18:31श्किल्वाला एडड़ेड.com ठीक है और मैंने रजिस्टर करा तो वह यहां पर रजिस्टर हो चुका है चीक है क्योंकि कैसे पता चलेगा यहां पर आके फाइन करके देख लो क्योंकि नया आईडी है तो देखो यहां पर वह नई रजिस्टर हो चुकी है उसके अलावा यह

00:19:01कि आप यहां पर डेटा नहीं बेज रहें तो वह डड़ेटा को इस पहले रहें करने है क्योंकि और यहां क्योंकि यह बात हो गई अपने पास किसी गbaum किया थोड़ा और पर जो इसको नहीं है

00:19:31पहला काम यह कर दिया दूसरा यह कर दिया उसके बाद आपने यहां पर क्या किया अब देखो यहां पर अपने यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहां पर यहा

00:20:01दिजीट के अंदर अपन हैश करना चाहूं उतने में उसको कर सकते हैं तो मैं यहाँ पर करता हूं npm install और अफने को क्या करनाakah अपना

00:20:09ह Purdue certified चोहे मैं यहां पर इंस्टाल कर लेता हूं ठीक है इसको मैं नहीं पर इंस्टाल करा अुध और

00:20:18एक बार के लिए अपने वापस से यहें को रच लूँ ठीक है अब यह package कहा पर यूजप कर Tôi 낮 Board

00:20:24इसको यहाँ पर require कर लेता हूं मैंने require करा और require करके मैं यहाँ पर किसको बला लेता हूं जो अभी अपने यहाँ पर अपने

00:20:30Bcrypt को install करा हूं ठीक है और इसको एक variable में मैं assign कर देता हूं const करके अपन यहाँ पर same

00:20:36नाम रख देते हैं इसका ठीक है अब यह basically क्या करेगा जो भी आपके पास यहाँ पर password आ रहा है यह जो अपना

00:20:44password आ रहा है इस password को मैं convert करूंगा किसमें hash password के अंदर ठीक है ताकि अपन यहाँ पर उसको

00:20:51सेक्योर कर सके क्योंकि जब यहाँ पर बोलता हूं कि मेरा जो भी क्रिप्ट है उसी के उपर मैं

00:21:05यहाँ पर क्या लगाँगा उसमें से डॉट करके निकालेंगे हैश हैश में convert करना है किसको

00:21:10है जो आपके पास यहाँ पर आपका फ्रेंट से पासवर्ट आ रहा है तो इस पासवर्ड को मैं यहाँ पर असाइंड कर देता हूं मैं यहाँ पर और पर कहता हूं यह अपना

00:21:31करएगा ने रंगे प्रो�ho छायर यहां पर जस्तामी सने नहीं है यहां

00:21:45है रगाना है यहां है यहां पने पासवर्ड को है यहाँ है है यहाँ यहां पर टुंगा

00:21:54जो अपने अपना hash password है वो hash password में यहां पर भीज दूँगा तो अपने को यहां पर क्या करना है सिर्फ अपना response भीजना है front end पे

00:22:04response.1 तो status भीज देंगे और status code जो मैं भीजूँगा वो 200 भीजूँगा

00:22:10okay के लिए अपने इसको यूज लेते हैं second अपने यहां पर बेज देते हैं जेसन करके किसको अपने एक message को मैं यहां पर एक message बेज देता हूँ और message मैं अपने यहां पर कह देते हैं

00:22:20successfully register ठीक है यह message चला जाना चाहिए और ऐसे ही catch के अंदर अगर कुछ भी error आती है तो वह तो अपने पास होगी अपनी internal server error तो वह मैं यहां पर बेज देता हूँ

00:22:37response.status करके और वही 200 नहीं अपन 500 यूज लेंगे 200 तो ओकी के लिए होता है 500 मैं यहां पर यूज ले देता हूँ और यहां पर अपन क्या देते हैं अपना JSON ठीक है bad error के लिए अपने यूज लेते हैं इसको और यहां पर एक message भीज देता हूँ मैं यहां पर मैंने यहां पर

00:23:07ठीक है यह काम मैंने यहां पर बोल दिया perfect बस इतना सा काम करा अब आप यहां पर इसको फिर से एक बार रन करो और देखो क्या हो रहा है आपके पास क्या data आ रहा है क्या सारी चीजी हो रही है बस इतना सा काम अपने करा है छोटा सा logic लिखा है कोई बड़ी चीज नहीं है

00:23:37gmail.com अभी के लिए यही लिख देता हूँ और password में यहां पर दे रहा हूँ 123456 ठीक है मैंने यह वाले password दी है यहां पर और मैंने करा register आपने register करा तो एक बार console में देखो कि आपके back end से क्या response आ रहा है तो response में आ रहा है successfully register का message मतलब आपका यह registration हो चुका है और यहां पर

00:24:07hash password यहां पर generate हो क्या रहा है क्योंकि अपने बी क्रिप्ट का यूज लेके उस password को जो 1234 दिया है उसको इसने hash के अंदर convert कर दिया है ठीक है है अपने पास एक unit होती है उसमें इसको यह convert कर दिया है क्योंकि secure रहेगा यह अपने पास ठीक है कोई password अपने पास पूरा complete secure रहे

00:24:37अब देखो यहां पर सारी process अपने पास हो चुकी है अपना registration भी यहां पर successfully हो रहा है अब मैं यहां पर फिर से register कर रहा हूं इसको तो यह अपने को error देगा कि email यहां पर already क्या है exist यहां पर register है तो चलो अपने काम करते हैं अब यह front end पे दिखाना भी है उसके लिए अपन

00:25:07की documentation पे और इसको install कर लो अपने front end के उपर चीक है ताकि अपन यहां पर अपना message भी तो दिखा सके कि क्या message आ रहा है अपने पास अपने backend से वह front end पर अपने को दिखाई देना चीए कुछ भी error आ रही है तो error दिखा दो और अगर error नहीं आ रही तो जो भी चीज आ रही है

00:25:37npm install react host toast यहां पर अपने इसको install कर लिया इसका setup इजी सा setup है आपको ही पता है कैसे करते हैं यह अपना जो main file है उसी के अंदर अपने को set करना है और wrap करना है तो अपन main.jsx के उपर आ जाते हैं और इसको यहां पर import कर लेते हैं ठीक है टोस्ट को अपन यहां पर use नहीं ले �

00:26:07पर अपना टूस्टर दिखाना चाते हैं अब देखो result के अंदर अपने पास अपना response आ रहा है और response भी अगर आप देख रहे हो तो आप उसकी साथ अपना status भीज रहे हो ठीक है status code अपन भीज रहे जैसे मैंने 500 भेजा यह सारी चीज अपन भीज रहे अपना status code ठीक है जै

00:26:37तो मैं को कैसे पता चल रहा है अब मैं यहां पर बोलूँगा कि मेरे पास जो response आ रहा है एक बार के लिए मैं यहां पर response को चैक करते हैं कि अपने response में क्या आ रहा है

00:26:58च्रिक है मैंने यहां पर कुछ भी data दिया और कुछ भी अपन यहां पर अपनी mail id देते हैं चीक है और यहां पर अपन कुछ भी password देते हैं आ पस से

00:27:19प्रेंट एंड रन नहीं है आपका और बैकेंड भी क्रेश हो गया होगा मेरे साब से नहीं बैकेंड चल रहा है ठीक है और यहां पर आओ और यहां पर नया डेटा दो आप कुछ भी देदो जैसे यह वाली है और यह अपन देते हैं और मैं रेजिस्टर करता हूँ अब दे�

00:27:49शूचा प्रण मेरा बिश्था अगरने अगर तो और अगर ऑंगर ऑ्रग्रांग प्रनार है इसका मतलब बैकेंड कि यह शूच्छ

00:28:19तो वोहिए यहां पर दिखाना चाहते तो मैं यहां पर अपना जो आरीजी वाला

00:28:25Кон्टॉलर है उस campa Just लगा देते हैं जो से के साथ üç के से कंदिशन

00:28:31लगा देता हم और इसको भी हटाँ तो कंसोल का कोई अन्य हो नहीं है इस

00:28:39मेरे पास जो response है कि मेरे पास जो response है उसके अंदर अगर okay आ रहा है okay आएगा इसका मतलब true return हो रहा है और true return हो रहा है इसका मतलब यहाँ पर आपके पास आपका जो back end से जो भी message है वो message अपने पास यहाँ पर आ जाएगा 200 के साथ तो यहाँ पर अपन अपना एक toast message दिखा द

00:29:09है वो message दिख जाना चाहिए spelling देख लेना अगर spelling mistake कर दोगे तो भी दिक्कत हो जाएगी यहाँ पर देख लो आपने सही लिखा है

00:29:16में WSG ठीक है और यहाँ पर भी देख लेना एक बार ठीक है यह तो बात हो गई इस चीज की else अपने पास कुछ भी हो सकता है else के अंदर अपन यहाँ पर एक काम करते है else के अंदर जो भी हो

00:29:31400 भी आ सकती है अपने पास

00:29:33अपने पास यहाँ पर

00:29:35अपनी server error भी आ सकती है

00:29:37कुछ भी error आ सकती है तो else में

00:29:38जो भी error है वो सारी handle कर लो

00:29:40मैं यहाँ पर कहता हूँ कि result

00:29:42जो है उसमें से dot करके

00:29:44अपन यहाँ पर जो भी message आएगा वो print

00:29:46करवा देना अपने error के अंदर

00:29:48टिके और यहाँ पर अपन जो है

00:29:50यहाँ पर भी अपना toast message दिखा देते है

00:29:53और toast dot

00:29:54और यहाँ पर भी वो error वाला ही

00:29:56मैं दिखा रहा हूँ और उसमें जो भी error होगी

00:29:58वो error दिखा देना अपने catch blog की

00:30:00इतना सा काम अपने यहाँ पर कर आए

00:30:02ताकि अपन यहाँ पर अपनी error को भी handle कर सके

00:30:05और एक काम ओर करते हैं

00:30:07जब अपने पास यहाँ पर जैसे ही वो registration successfully होगा

00:30:10क्योंकि okay status आ रहा है

00:30:11तो अपन उसको login के उपर भेज देंगे

00:30:14तो यहाँ पर अपन navigate करवा देंगे

00:30:15navigate अपने ले रखा है

00:30:17तो मैं यहाँ पर कहता हूँ navigate कर देना

00:30:18और कहाँ पर navigate कर देना अपने login के उपर

00:30:21तो app.gsx के उपर आओ

00:30:23और login का क्या है URL

00:30:25यह रहा login का URL बस यहाँ पर उसको navigate कर देना

00:30:29ठीक है

00:30:30इतना सा काम अपने को यहाँ पर करना है

00:30:32तो अपना यह process बिलकुल perfectly चलने वाला है

00:30:34चलो check करते है अपन यहाँ पर आके

00:30:36यहाँ आते है

00:30:38refresh कर लो एक बार

00:30:39मैं register के उपर आता हूँ

00:30:40यहाँ पर अपना एक नया email ID देता हूँ

00:30:43और बिलकुल सही सा कुछ देते है अपन

00:30:44ठीक है

00:30:46जैसे मैंने यहाँ पर दिया gmail.com

00:30:49सही है बिलकुल

00:30:50पासवर्ट कुछ भी दे दो

00:30:53123456 ठीक है

00:30:55और मैंने यहाँ पर register करा

00:30:56तो successfully register और अपन login के उपर आ गए

00:30:59ठीक है मैं फिर से registration पर आता हूँ

00:31:01मैंने यह दिया और same email ID मैं यहाँ पर देता हूँ

00:31:04ठीक है और password कुछ भी दे दो अभी के लिए तो

00:31:06और मैंने register करा email already register

00:31:08मैंने यहाँ पर देवानचू को fill ली नहीं करा

00:31:10मैंने registration करा all fields are required

00:31:12ठीक है तो इस तरीके से

00:31:15अपने यहाँ पर अपना registration वाला

00:31:17process यहाँ पर करा है

00:31:18यहाँ तक की चीज के लिए है तो एक बार

00:31:20comment करके बताओ कि यहाँ तक की चीज

00:31:22clear है इसमें कोई doubt नहीं है

00:31:52राज अंदर करें hot toast क्या होता है

00:32:05hot toast basically जो अपन चाए दूद के साथ

00:32:08toast काते है वो होता है

00:32:09लेकिन यहाँ पर hot toast वो नहीं है

00:32:12यहाँ पर अपने पास जो hot toast है वो एक package है

00:32:16जो अपने पास काम आता है अपने

00:32:18notification दिखाने के लिए देखो यहाँ पर

00:32:21beautiful notification जो है react के अंदर अगर आपन दिखाना चाते है

00:32:24जैसे अभी notification अपने को यहाँ पर show हो रहे है

00:32:26जैसे मैंने register करा बता रहा है all fields are required

00:32:28आप इसको customize भी कर सकते हो

00:32:30इस documentation को पूरा पढ़ना पढ़ेगा

00:32:32क्या-क्या इसके अंदर customization है

00:32:34बहुत सारी चीज़े है इसमें यह documentation आपको explore करनी पढ़ेगी

00:32:38ठीक है जो जो मैं use कर रहा हूं वो तो आपको पता है लेकिन अगर और अच्छे से आपको इसको जाना है तो आपको इसकी

00:32:44documentation पढ़नी पढ़ेगी ठीक है और यह काम आप जरूर करोगे

00:32:48अब देखो यहां पर अपना registration हो चुका है जैसे registration हुआ तो अपना आएंगे login के लिए

00:32:58कि आपने अपना registration कर दिया आपने अपनी यहां पर name दे दिया आपने अपना email दे दिया आपने अपना password दे दिया और जैसे

00:33:06सब कुछ सही है आप login पर आओगे अपना email दोगे अपना password दोगे और अपने जो भी आपका data उस data को आप access कर पाओगे यह काम अपने को यहां पर करना है अब यह कैसे करोगे तो अपने को verify करवाना पड़ेगा कि जो भी आपने registration के time email दी है और जो आपने

00:33:25login के time email दी है वो match हो रही है या नहीं और जो आपने registration के time password दिया है और जो login के time password दिया है वो match हो रहा है या नहीं तो यह अपन यहां पर check करवाएंगे अगर यह काम हो रहा है तो फिर आप login कर सकते हो और अगर नहीं हो रहा तो फिर अपन error दिखाएंगे कि email गलत है या फिर email

00:33:55ये सारी चीजे अपन यहां पर दिखाने वाले हैं।

00:33:58तो जल्दी से अपन यहां पर अपक्या करेंगे।

00:34:01अब अपन यहां पर अपने login के उपर आजाते हैं और अपन यहां पर अपने login को use कर लेते हैं।

00:34:06ठीक है?

00:34:07registration तो I hope कि आपको सबको समझ में आएगा कि अपने registration किस तरीके से करा

00:34:11अब अपना आजाते हैं अपने login वाली process के उपर तो यहां पर आजाओ और

00:34:16ठीक है चलो वाई

00:34:26यह तो अपना registration वाला काम हो चुका है

00:34:35अब अपना आते login के उपर और बाकी चीज़े एक बार close करते हैं जो भी एक्स्टा आपने call रहें वापस से पन शुरू से देखते हैं ताकि confusion ना हो किसी भी चीज़ का

00:34:43ठीक है मैं सब कुछ close कर देता हूँ अब जैसे जैसे यूज आएंगे वैसे वैसे पर इनको open करते रहेंगे ठीक है यह back end है यह front end है front end में src और इसमें admin components components में ही अपना login है मैं login के उपर आ जाता हूँ ठीक है अब login में सबसे पहले आपको क्या करना है

00:35:02front end से वही आपको आपका जो username है और वही आपका जो यहाँ पर क्या है आपका email है और आपका जो password है वो आपको get करना है ठीक है तो get कर लो वही अपन यहाँ पर क्या बनाएंगे अपना use state और उसको get कर लेंगे ठीक है तो मैं यहाँ पर आता हूँ और एक use state यहाँ पर अप

00:35:32करके कह देता हूं थिक है कुछ भी रख लो आप नाम लॉगिन इमेल के हमें रख लेते हैं इसको और सेकंड में यहां पर कह देता हूं मना लॉग इन

00:35:40अपने पास क्या हो जाएगा अपना पासवर्ड इसको एक वही अपने को यह एक एर्रेटन करके देता है

00:35:49create कर लो भई एर्रेट है और यहां पर अपना street variable बना देते हैं और second अपना function बना देते हैं

00:35:57set login का मैं यहाँ पर अपना function बना देता हूं छिए यह सारा process सही है

00:36:01initially आपको यहाँ पर print करवाना है

00:36:03same आपको name देना पड़ेगा जो आपने वहाँ दिया है

00:36:06तो यहाँ पर भी same name देतो

00:36:07क्या बोलोगे आप यहाँ पर login email

00:36:10चीक है login email

00:36:11और उसके अलावा आप value के अंदर

00:36:14आपको उसको print करवा दोगे तो कैसे करवाओगे

00:36:16आप बोलोगे कि आपका जो

00:36:18login है

00:36:18उसमें से dot करके अपने अपना

00:36:22login email यहाँ पर निकाल लिया

00:36:24यह क्या क्या

00:36:26login login में

00:36:28से dot करके login email निकाल लिया

00:36:30same ऐसे password के लिए

00:36:31करना है तो name के अंदर आपन यहाँ पर कहतिता है

00:36:33login

00:36:34pass ही दिया था आपनने

00:36:36और यहां पर अपन क्या करेंगे, वही value के अंदर अपन किसको print कर देंगे, जो अपना login आ रहा है, उसमें से dot करके अपन क्या निकाल लेंगे, login pass, यह तो अपने यह काम किया, अब changes जो होंगे, वो changes अपने को अपने use state में करवाने, और use state के जो अपने states है, उसको update करने का का

00:37:06event के basis पे, on submit अपन यहां पर लगा देते हैं, और मैं यहां पर कहता हूँ handle form, ठीक है, handle form नाम का function अपन यहां पर create कर देते हैं, यह यह लो भाई, यह मैंने एक function बनाया, function कौन सा है, handle form, handle form नाम का function है, वही event के basis पे आप इसको submit होने से रुखोगे, तो वही e dot prevent default, यह सब च

00:37:36ठीक है, मैं login कर रहा हूँ, नहीं हो रहा हूँ submit, ठीक है, अब उसके बाद अपने को यहां पर क्या करना है, इन दोनों के अंदर जो भी value change हो रही है, क्योंकि initially तो आपने उसे प्रिंट करवा दी है, क्योंकि आप यहां पर अब उसको change ही नहीं कर पा रहे है, यहां पर own change

00:38:06get कर लेंगे, तो मैं यहां पर किसको बलाओंगा, अपने set login के through अपने उसे स्टीट को update करवा दूँगा, set login को अपने यहां पर बुलाया, वही object pass करा, सबसे पहले copy बना लो किसकी, अपने login की, कलत कर दिया अपने कुछ, सबसे पहले copy create कर लो अपने login की, ठीक है, पहला का

00:38:36name, ठीक है, e.target.name, और उसके अंदर value कौन सी जानी चीए, उसके अंदर value जानी चीए, e.target.value, जो भी यहां पर value आईगी, और इस handle change को pass कर दो, जहां जहां आपको इसको use करना है, पहला तो इस जगे use करना है, तो यहीं पर अपन क्या लगाएंगे अपना on change, on change में किसको

00:39:06handle change को, इसका मतलब आपका जो यहां पर login है, इसके अंदर वो सारा data आजाएगा, जब भी state update होगी, तो मैं यहां पर login को एक बार के लिए console करा देता हूं, और चेक कर लेता हूं, कि मेरे पास data आ रहा है या नहीं आ रहा है, जिक है, inspect कर लो, और console में आके चेक कर लो, तो य

00:39:36यहां तक की चीज clear है कि आप सभी को, यहां तक की चीज clear है, तो एक बार comment करकी बता दू कि यह सर, यहां तक की चीज clear है,

00:40:06easy, easy, front end का काम आते तो आप खुश हो जाते हो, कि easy, easy, यह सब कुछ पिलकुल आसान है, जब front end और back end की बात आती हो, डेटाबेस चीनों की बात आती है, तब फिर आप बोलतों कि sir, क्या हो रहा है यह, ऐसा कुछ है क्या?

00:40:36ठीक है, अब देखो क्या करना है, next process क्या है, next आपको यह data बेजना है अपने back end की उपर, तो वही क्या करना है, यहां पर आपको लगाना है अपना fetch, ठीक है, यह आपने जो function मनाया है, handle form का, इस handle form के function को ही अपन convert कर देंगे, किसमें async और abit वाले function के अंदर, as synchronous function में convert कर �

00:41:06अपना fetch यहां पर use करने वाले है, fetch में यहां पर use करा, और slash API यह आपका prefix हो गया, second में यहां पर एक URL generate कर देता हूँ, जो back end पे hit होगा, उसको मैं यहां पर करता हूँ, login user, login user करके अपन कर देते हैं, ठीक है, और इसको एक variable में assign कर दो, const करके मैं यहां पर, अपना वही response �

00:41:36पहला अपन यहां पर अपना method भीज देते हैं और method में यहां पर कहता हूँ, अपना post, ठीक है, method क्या होना चीज़री ए, post, second अपनि यहां पर अपना headers पास कर देते हैं, headers के अदर अपन यहां पर क्या पास कर देते हैं, content type, और content type में आप यहां पर पास कर दो अपना application slash JSON, �

00:42:06उसको क्या करोगे आप stringify में convert करोगे क्योंकि आपको store करवाना है

00:42:10तो gson.stringify और किसको convert करना है जो मेरा login का data है

00:42:15यह लो तो यह data कहाँ पर जाएगा आपके back end के उपर ठीक है

00:42:20अब यहाँ पर यह काम होने वाला है response को निकालना है

00:42:23तो इसको as synchronous में भी convert कर दो बाद में करने से अच्छा

00:42:26और यहाँ पर अपना await भी लगा दो ठीक है

00:42:29यह इतना सा काम कर दो अब आपको back end के उपर login user नाम की एक variable पे

00:42:34sorry URL पे sttp request जो आपने यहाँ पर बनाई है उसके उपर आपको hit करवाना है

00:42:38इस पे hit होगा तब ही अपने क्या होगा अपने data आएगा अपने back end के उपर

00:42:45तो जल्दी से back end पे आओ back end पे किस पे आना है अपने को

00:42:47वही अपने routes के उपर और api.js के उपर मैं यहाँ पर आ जाता हूँ

00:42:51यह पहला तो आपने slash ये वाला अब मैं यहाँ पर बुला था हूँ

00:42:56अपने api routes को . यहाँ पर अपन बनाते है अपना post ही और url जो आपने बनाया है वो यहाँ पर पास कर दो

00:43:03slash login user ठीक है और अपने user controller के अंदर ही अपन अपना controller बनाने वाले है

00:43:09यूजर कंट्रोलर के अंदर ही मैं अपना कंट्रोलर यहां पर क्रियेट कर देता हूं

00:43:14तो यहां पर आजाओ अपने कंट्रोलर के उपर और यूजर.js के उपर आजाते हैं

00:43:19यह तो आपका REG data controller था

00:43:21सेम ऐसे ही अपन एक और कंट्रोलर बनाते हैं

00:43:23जिसको मैं यहाँ पर कहता हूँ, login data controller. ठीज़िक है? ये लो login data थीफ

00:43:34ये अपने यहाँ पर create करा, इसके अंदर request आता है और दूसरा response आता है

00:43:40ठीज़िक है? अपना जो data आएगा वो किसमें आएगा? request.body के अंदर

00:43:44तो मैं यहाँ पर कहता हूँ request.body के अंदर आपका data यहाँ पर आ रहा है

00:43:49और यहाँ पर जो आपने अपना controller बनाया login data controller इसको यहाँ से export कर दो

00:43:55API.gs है इसी के अंदर आपको इसको import करना है dot करके मैं login data controller को यहाँ पर import कर लेता हूँ

00:44:00तो अब आपका data है वो आपका backend के उपर आना चीए यह रहा आपका front end यह रहा आपका backend चलो वाई hit करवा के देखो जल्दी से

00:44:09मैं यहाँ पर login पर hit करता हूँ और वो data backend पर आ जाना चीए login email आ रहा है और login password आ रहा है

00:44:15तो यहाँ पर आपका login email और login password यहाँ पर अपने backend के उपर आ रहा है अब अपने को क्या करना है अब अपने को सिफ compare करवाना है कि मेरे पास जो data आ रहा है

00:44:28मेरे पास यहाँ पर login के time जो data आ रहा है उसको मैं compare करवाना चाहता हूँ जब मैंने registration के time data दिया था

00:44:35अगर सही है तो बता दो और अगर नहीं है तो user not found का message बेज़ दो ठीक है password भी तो compare करवाना पड़ेगा ठीक है

00:44:43अब देखो किस तरीके से अपन करवाते हैं यह काम अपने user.gs वाले controller के उपर और यह अपना login controller है

00:44:55इसमें आपके पास दो चीज़ आ रही है एक लोगइन पास इस और निकाल लेते हैं एक अब जेक्ट ही तो है ठीक है तो

00:45:03तो मैं यहाँ पर const और इसको यहाँ पर destructure करके निकाल लेता हूँ इसमें से, ठीक है, पहला क्या आ रहा है आपके पास, पहला आपके पास आ रहा है अपना login pass, login email, तो मैं यहाँ पर कहता हूँ, login email, सही लिखना ताकि एक दिक्कत ना हो, दूसरा आपने पास क्या रहा है अ�

00:45:33तो वो अपन करवाएंगे अपने email के basis पे, कि उसने जो registration के time जो email दी थी, और जो उसने यहाँ पर login के time email दी है, तो तो अपन उसको वहाँ पर, ठीक है, सही है, पासवर्ड गलत हो सकता है फिर, नहीं तो अपन वहाँ पर बताएंगे user not found, कि मतलब आपने जो नई email दी है,

00:46:03यहाँ पर अपन अपने user collection को ही बुलाते हैं, और उसी के उपर मैं यहाँ पर लगा देता, अपना find one, क्योंकि मैंको सिर्फ find one से ही काम है, क्योंकि जो भी user login करना आगा, वो सिर्फ एक email ID दे रहा है, और अपने को उसी email ID के basis पे, जितनी भी email ID अपने database में, अपने को find करन

00:46:33इसको compare करना है, जो मेरे पास login email आ रही है, उससे, वही same जो अपने पहले compare करवाया था, ठीक है, अब इतने सारे data में से compare करेगा, तो वही async await तो लगाना ही पड़ेगा, क्योंकि अपना यह अर्ज उनकुनस काम होने वाला है, तो यहाँ पर मैं async लगा देता हूँ, और �

00:47:03काम भी कर रहें, तो इसको भी मैं यहाँ पर यूज कर लेता हूँ, ठीक है, तो यहाँ पर आ जाओ, और try के अंदर अपना response रखेंगे, परफेक्ट, ठीक है, अब यहाँ आओ, और यहाँ पर अपने पास अपन condition लगाएंगी, कि if, ठीक है, if condition मैं यहाँ पर लगाई, अ�

00:47:33इसको इसके opposite चलाना है, ठीक है, तो मैं यहाँ पर कहता हूँ, user check, not user check, ठीक है, true आ रहा है, इसका मतलब, वो यहाँ पर, जब false आएगा, तब उसको true में convert करके, फिर यहाँ पर अपना response भीजने वाला है, तो मैं यहाँ पर एक return भीज देता हूँ, ठीक है, मैंने एक return भी

00:48:03message भीज देंगे, और message में अपन कह देते है, क्या कहें, user not found, user not found, ठीक है, user not found का message अपन यहाँ पर दिखा देते है, तो यह message अपना front end पे चला जाएगा, पहला तो अपने सिर्फ email को verify करवा है, कि email एक बार आप चेक कर लो, अगर email का काम होता है, तो बता दो उसको, अगर email

00:48:33not found, second फिर आपको क्या करना है, second आपको अपना password भी चेक करवाना है, आप password भी तो लेकिया लोगिन पास, लोगिन पास को भी अपन यहाँ पर क्या करेंगे, अपना चेक करवाएंगे, तो चलो भाई, लोगिन पास को भी यहाँ पर अपन क्या करवारेते हैं, चेक करवारे

00:49:03देनेवाला वह अपने पास अपनने नंबर फार्मेट में पूरा स्थ्ण को यूज करना पर कंपर करत काम एकाँ और अब

00:49:17मैं यहां पर बोलूँग अपने bcrypt को

00:49:19मैंने बुला bcrypt चौक है

00:49:20और इसी के उपर अपन लगएंगे अपना Weise

00:49:22निकालेंगे इसमें से compare

00:49:24किसको compare करना है आपको compare

00:49:26करना है कि मेरे पास जो login

00:49:28पास आ रहा है मेरे पास जो front end

00:49:30से जो login पास आ रहा है

00:49:32उसको आपको compare करना है किसमें से

00:49:35जो अपने store करवा रखा है

00:49:37अब देखो वापस से query चला है

00:49:39अपन डेटा find करें

00:49:41उससे अच्छा ये है अपनी जो user check चला है

00:49:43इसी के basis पर compare करवा लो

00:49:45क्योंकि अगर mail id match होगी

00:49:46तो user not found वाली नहीं जाएगी

00:49:48तो next line पर आ जाएगा

00:49:49फोटी की उपर और यहाँ पर आकर वो क्या करेगा

00:49:51जिस user ने

00:49:54login दिया है उसी के password को

00:49:55क्या करेगा compare करेगा तो मैं यहाँ पर कहता हूँ

00:49:58कि मेरे पास जो user

00:49:59check है उसी में से dot करके

00:50:02मैं क्या निकाल लूँँगा अपना user

00:50:03का password निकाल लूँगा क्योंकि

00:50:06user check क्या है user check के अंदर आपका data ही तो आने वाला है उसी के basis पर पर यहां पर compare कर वा लेंगे

00:50:12तो यहां पर मैं कह देता हूँ const और मैं यहां पर कहता हूँ match pass करके पर यहां पर कह देते हैं

00:50:22और अगर यहां पर password match होता है नहीं होता तो वही सीम आप यहां पर if condition बना दो

00:50:28अगर नहीं होता तो पन यहां पर false आता है तो पन यहां पर अपना अपोजिट चला देते हैं मैं यहां पर कहता हूं match pass चिके

00:50:35जो आपने लिया है उसके basis पर आप यहां पर क्या करना अपना रैस्पॉंस बेज देना अब रैस्पॉंस क्या भीजना चाते हूं

00:50:41वह रैस्पोंस भी अपकट है यहाँ पर delay तह रहें जो ठीक है,

00:50:45में अपनर आप यहाँ पर एक two terrorist पास कर दो रह पनोबेर इस पर,

00:50:49इस अपने पर उपने पह़ेंड़ जेते हैं। अपना बिष्ट के घंब सेठा हूं और,

00:50:56यहाँ पर क्या बीजेंगे मैसेज बई तो कुछ भी जैसे इन्वैले डिटल क्रेंशल क्या देतें इन वेलिड है

00:51:20अगर पास्वड मैक्श होता तो ठीक है और अगर यह सारा काम हो

00:51:25जाता है तो फिर भाई आप स्टेटस ही भीज़ दो आपका 200 वाला कि भाई पासवर्ड भी मैच हो गया इमेल भी मैच हो गई तो सक्सेस्फुली लॉग इन

00:51:33का मैसेज भीज दो आप बोलोगे डिया स्टीस और स्टीस में आप भी जोगे अपना 200 का स्टी चीछ ओर�� आप WILD इन पर आप यहां पर जापर क्या दियुग वही अपना एक शक्सेश्व् 우� का me

00:51:59का मैसेज में यहां पर बेज देता हूं तो यह मैसेज अपना चला जाना चाहिए

00:52:03सक्सेस्फुली लॉग इन वाला मैसेज ठीक है तो यह अपना सक्सेस्फुली वाला मैसेज यहां पर चला जाएगा

00:52:10किलियर है यहां तक की चीज

00:52:13और यहां पर भी भेज़ दो

00:52:15यहां पर वही same message भेजना है

00:52:16तो यहीं से copy paste कर लो

00:52:18error के अंदर तो वही same message भेजना है

00:52:19status वही 500 वाला server error वाला

00:52:22तो यहां पर वही भेज़ देता हूँ मैं

00:52:24बस यह अपना login वाला काम

00:52:26complete हो चुका है जल्दी से आओ

00:52:28और check करो login.gsx के उपर

00:52:30और यहां पर उस response को निकाल के

00:52:32print कर बादो condition लगा दो जल्दी से

00:52:34मैं तो condition directly लगा रहा हूँ

00:52:35क्या condition लगाओगी कि अगर ok status

00:52:38आ रहा है तो आपको क्या करना है

00:52:40वही toast message दिखाना है successful login वाला

00:52:42और अगर else है तो उसमें जो भी आपको

00:52:44दिखाना हो दिखा देना तो if condition

00:52:46मैं नहीं हाँ पर बना दी और इस if condition

00:52:48मैं पन कहते है कि मेरे

00:52:50पास जो response है

00:52:52उसके अंदर dot ok status

00:52:54आ रहा है तब आपको

00:52:56यहाँ पर क्या करना है तब आपको

00:52:58क्या करना है

00:52:59एक बार के लिए console तो करवा उस चीच को निकाल के

00:53:02फिर करवा ले नाइफ वाला काम

00:53:03क्या पता कुछ process ही गलत हो जाए अपनी

00:53:06इतना confidence कैसे हो सकता है आपके अंदर

00:53:09तो अपने काम करते हैं

00:53:11अपने response को बलाते है

00:53:13और dot यहाँ पर अपने उसको

00:53:15जेसन जो है उसमें convert कर लेते है

00:53:17response.json चीच है

00:53:19और वही अवेट भी लगा दो

00:53:21यहाँ पर

00:53:22और मैं यहाँ पर कहता हूँ result

00:53:25और result के अंदर अपने पास अपना

00:53:27response आने वाला है अवेट लगा दो

00:53:29और एक बार के लिए console करा के दिख लो

00:53:31आपने console कराया किसको अपने

00:53:32result को आपने यहाँ पर console कराया

00:53:35वही front end का काम है

00:53:37चेक करो आप इस पर क्लिक करो

00:53:39कुछ नया डेटा दो और

00:53:41चेक करो जैसे मैंने यहाँ पर लिखा

00:53:44devanshu sir at the red

00:53:47gmail.com

00:53:49ऐसा तो कोई registration करा ही नहीं

00:53:51मैंने लॉग इन करा

00:53:53user not found बिल्गुल सही है क्योंकि

00:53:55ऐसी कोई email id दी ही नहीं है अपने

00:53:57चिक है चलो भई पहला काम

00:53:59तो यह perfect चल रहा है

00:54:00दूसरा यहाँ पर

00:54:03एक सही आप यहाँ पर करके देख लो

00:54:05मैं यहाँ पर एक बार देख लेता हूँ

00:54:07कुनकों सा डेटा था

00:54:08devanshu

00:54:09कुमावत एड़ेड जीमेल डॉट कॉम यह mail id सही है तो यह लगा दो देवान्चू

00:54:15कुमावत एड़ेड जीमेल डॉट कॉम ठीक है मैंने यहाँ पर इसको करा

00:54:25login successfully login

00:54:28successfully login और यह गलत है कुछ तो mistake करी आपने successfully login नहीं होना

00:54:38पर यहाँ पर कुछ नहीं दिया है मैंने पास्वर मैंने 1234 करके कुछ दिया था उस्तों

00:54:43mistake कर रखिए बैकेंड पर आओ एक बार यहाँ पर कुछ ग्रैश हुआ

00:54:46नीचे आज़ाओ यहाँ कुछ ग्रैश नहीं हो इस बार बैकेंड पर कुछ मिस्टेक कर दिया पने है

00:54:53कि लोगिन डेटा कंट्रोलर कि यहां देखो विक्रिप्ट के उपपर अवेट लगाना है अपने को

00:55:04बैकेंड बैकेंड लगाओ और यहाँ पर रिटन भी कराओ भई बात रिटन तो कराओ उसको तब ही तो वह रिटन होके जाएगा आपका तो यहाँ पर रिटन भी करवाद हो सब बागी ही सबकुस चाहिए ठीक है एक बार फिर से करके देखता हूं मैं यहाँ पर आ जाओ �

00:55:345-6 successfully login जैसे मालों में 7 तक दे देता हूं लोग इन इन्वेलिट कर दिशल ठीक है तो सब कुछ सही है पर फेक्ट चल रहा है लोग इन वाला काम भी अच्छा हो रहा है आपका ठीक है तो वीटे मिनिट

00:55:46ठीक है तो लोग इन वाला काम भी परफेक्ट हो रहा है तो यहाँ पर आओ और जल्दी से इसको क्या करवा दो

00:55:57मैसेज दिखा दो ताकि अपन फिर आगे इसको कर सके यहाँ पर आजाओ और यहाँ पर वोई कंडिशन बना दो

00:56:03एक if condition आप बनाने वाले हो और उसके अंदर अपन कहने वाले है कि मेरे पास जो response आ रहा है उसका status यहाँ पर ok आ रहा है तब आपको क्या करना है तब आपको अपना toast message दिखाना है वही तब आपको यहाँ पर अपना toast message यहाँ पर दिखाना है और toast यहाँ पर suggestion क्यों नहीं �

00:56:33toast से और किसको import करने वाले अपने toast को suggestion नहीं देता तो यहीं करना पड़ेगा option नहीं है और यहाँ पर आके अपनी toast को आप बुला लो ठीक है toast to उसमें success का message अपन यहाँ पर दिखा देते है और उसमें जो आपका result है ठीक है उसी में अपने पास क्या रहा है अपना message आ रहा

00:57:03ठीक है और error में क्या दिखाने वाले जो भी आपके result के अंदर आएगी error वो दिखा देना आप ठीक है same error कहां पर दिखा दो same error यहाँ पर भी दिखा दो तो यही अपन कहा देते है toast to और dot error और यह error कौन सी जो भी front end पे कुछ भी error हो और other error हो सारी error अपने पास अंडल हो जा

00:57:33यहाँ पर message करो उसको कोई error हाई आई नहीं नाम की तो कोई की भी जी नहीं है आपने

00:57:51login करो invalid credential चलो एक काम करो यहाँ पर पहले mail ID को गलत करो यह बोला user not found ठीक है

00:57:59आपने mail ID सही कर दी password गलत कर दिया login करा गलत है 123456 कर दिया login करा successfully login

00:58:06और successfully login होती ही आपको कहा भीजना है क्या करना है यह सब आगे की बाते हैं कि जैसे

00:58:14successfully login हो रहा है तो अपने को क्या करना है उसको dashboard की उपर भीजना है या फिर और भी बहुत सारे

00:58:21चीजे होगी वह पर जब आगे करेंगे तब वह सारी चीजे पर इसमें implement करेंगे ठीक है तो जैसे

00:58:26successfully login हो तो dashboard पर बेज़ देना अभी के लिए तो dashboard पर बेज़ देना उसको मतलब homepage की उपर बेज़ देना

00:58:32यहां तक की चीज समझ में है यह तो एक बार comment करके बताओ अब देखो successfully login हो रहा है तो मैं एक बार के लिए अभी तो सिर्फ इसको homepage पर बेज़ देता हूं

00:58:44navigate अगर ले रखाया तो navigate ले रखाया तो करवा यह दो navigate इसको यह लो यहां पर अपन क्या बोलेंगे अपना navigate और navigate करवा दो कहां पर homepage की उपर

00:58:54perfect ठीक है मैं यहां पर आता हूं login करता हूं successfully login यह homepage के उपर आ गया अभी कोई security नहीं लगाई है

00:59:02security वाला काम अपन JWT में सीखेंगे किस तरीके से अपन secure बनाते हैं अपनी website को

00:59:07यहां तक की चीज के लिए रहे तो एक बार comment करके बताओ कि यह सर यहां तक की चीज के लिए रहे इसमें कोई doubt नहीं है

00:59:14sir back end जादा interesting लगता है yes बिल्कुल back end ही जादा interesting है मेरी तरफ से तो मैं उसी को मानता हूं

00:59:32पागी front end तो ठीक है front end हर किसी को आता है back end जिसको आता है वो full stack developer कहलाता है

00:59:48attendance के point one और point two भी बता देता हूं मैं

00:59:51attendance के point one के अंदर आपको fill करना है login और attendance के point two

01:00:01के अंदर आपको fill करना है register ठीक है login एंड रजिस्टर नॉट रजिस्टर रजिस्टर रजिस्टर रजिस्टर रजिस्टर ठीक है तो attendance के point one में

01:00:12login और point two में आपको register फिल करना है यही attendance के point one और point two है और अपनी attendance

01:00:19मार्क करते वे चलो क्योंकि जैसे batch complete होगा जब आप certificate के लिए बोलोगे तो first आपकी attendance

01:00:26देखी जाएगी कि आपकी 80% अबाव है या नहीं है उसी के basis पे अपनी इस class के complete होने के बाद जो

01:00:34जो resume building session होगा और जो jobs related चीज़े होगी ठीक है job assistance वो सब चीज़े profit आपको तब ही मिलेगा जब आपकी attendance 80% अबाव होगी ठीक है

01:00:46क्योंकि सब चीज़े आपको free में मिल रही है तो उस हिसाब से आपको इसका profit लेना ज़रूरी है लेकिन वो तब ही है जब आप अपने efforts लगा रहे हो पता चले आप efforts ही नहीं लगा रहे है और आप बोलोगी certificate सर यह चीच सर वो चीच तो वो नहीं हो सकता

01:01:06आई समझ में

01:01:10आई होप किसी को कोई doubt नहीं होगा शैगाल कर कोई doubt है dot करके बताया क्या doubt है

01:01:40अच्छा अच्छा अच्छा अच्छा जो अपने हैश कोड जनरेट करा है उसको कर सकते हैं यह जो काम किया आप इसकी बात करें ना

01:02:09तब अनि इसको डाइरे टी वहीं से कंपैर करकें के अंदर लेकिन अपन इसकोज कर सकते हैं अगर करना चाहें तो लेकिन इसकी ।ब

01:02:24अगर करना चाहे तो लेकिन इसकी कोई requirement नहीं रहती कि जो आपने password लिया है उसको आप change करो ठीक है

01:02:37और वो तो तब हो सकता है जब लेकिन requirement रहती नहीं है वैसे इसकी कर सकते में मना नहीं कर दा नहीं कर सकते लेकिन इसकी process फिर अलग रहती है

01:02:54सर अटनेंस कहां से देखे अटनेंस देखने का कुछ रोल नहीं है

01:03:07नेक्स्ट फ्राइडे जो होगा उस क्लास में मैं आप सभी को आपके अटनेंस बता दूँगा किसकी कितनी अटनेंस है

01:03:15अब उसको मैंटेन कर सकते हो अभी भी ठीक है क्योंकि डेली मोशन के उपर सारी क्लासेज अप्लोडेड है उन क्लासेज को लो उनको सीखो

01:03:24ठीक है तो अपनी अटनेंस मार्क करके रखो ठीक है श्यागल करें किसर बी टैक में पढ़ा था

01:03:38प्रेक्टिकल नहीं किया कभी ठीक पड़ी थी तो बीटैक पर ने कर लिए जाब ने लगई वह यह होता है जिनका प्लेसमेंट हो गया है वह प्रक्टिकल नोलेज उन्होंने गैन करी है उनने प्रैक्टिकल जो है उसके फोकस करा है तब वह चीजे उनके अच्छी है

01:04:07हेश कौर्ड के बारे में चलो मैं आपको कल बताता हूं बहुत अच्छे से बताता हूं इसके बारे में

01:04:20कल मतलब मंडे वाली क्लास में क्या अज फ्राइड है अपनी next क्लास अप मंडे को और इन दो दिन के अंदर आपको जितना भी अपने चीजें

01:04:29जी की है उनको आपको क्या करना है इंप्लीमेंTalk करना है और इस प्रॉजट को मारत कंप्ली क्याना है

01:04:40है वियर यूतूब वाला ही कुछ क्लास बचा था ठीक है यूतूब्स क्लासेसं तो देखो

01:04:46जो हो गया वो तो हो गया लेकिन अब भी जो अटनेंस अपन लगा रहे हैं वो आपको माग करनी है सभी को

01:04:51ठीक है चलो आज की क्लास अपन इतनी ही रखते हैं बाकि फिर अपन डिसकस करेंगे अपनी नेक्स्ट क्लास के अंदर