📖 Today’s Class: Building Complete Admin — Add Product (Frontend + Backend) 📅 Skillwaala’s Free Full Stack Web Development Course

Name: 📖 Today’s Class: Building Complete Admin — Add Product (Frontend + Backend) 📅 Skillwaala’s Free Full Stack Web Development Course
Uploaded: 2025-11-11T04:26:24+00:00
Duration: 1 h 4 min 3 s
Channel: skillwaala

skillwaala

1 day ago

🎯 Today’s Learning Outcomes
By the end of this class, students will be able to:
✅ Implement form handling and validation for product details (name, price, description, image, etc.)
✅ Connect the form with Node.js + Express backend API to save products in MongoDB
✅ Display real-time success/error messages after product submission
✅ Understand the complete product creation flow used in real e-commerce projects

Category

📚

Learning

Transcript

Display full video transcript

00:00:00झाल झाल

00:00:30झाल झाल

00:01:00झाल

00:01:02थे लो गाइज गुड इवनिंग एवरिवन गुड इवनिंग श्रेगल तानिया अंजुली अरजुन गुड इवनिंग राज इंद्रू

00:01:13अब गूद इमिनिंग लीफा एक बार सब रैस्पॉंस कर दो कि मेरी वाइस क्लियर है और डिस्प्लेइप यह पूश आए पर देता हूं

00:01:24राजेंदर पूचे है सर कैसे हो

00:01:49सर बिल्कुल बढ़ी है एक दम बस तब है तूली से सही नहीं है आज

00:01:52किस चीज का डर था वही हो गया और वह जुखाम का ही डर रहता है और वही हो गयी

00:02:13वह इससे पता चल रहा है येस थोड़ी वह तो पहले तो भारी थी और भारी होई होगी मिरी वह इस थोड़ी

00:02:19ठीक है तो आज अपन जो अपनने प्रोजेक्ट देखा था उसी में अपन आगे डिसकस करते हैं

00:02:34जितना अपने कम्प्लीट कर लिया था उसी में अपन आगे देखते हैं ठीक है

00:02:37ठीक है चलो अपन आजाते हैं अपने VS Code की उपर और इस पे आके अपन उपन कर लेते हैं

00:02:51जिस फोल्डर पे अपन काम कर लेते हैं उसी को अपन उपन कर लेते हैं इस वीक में अपन इस प्रोजेक्ट को कम्प्लीट कर लेंगे

00:02:58और 17 को अपना न्यू बैच आ रहा है complete web development का ठीक है तो जिसको enroll करना है आपके जो भी friends है जिनको ये course करना है वो फ्री में तो उनको आप जरूर suggestion देना उनको suggest करना कि आप यहां से कर सकते हो

00:03:17कोई charges आप से नहीं लिए जाते है कोई आपने भी course complete करा है तो आपको पता है ठीक है तो अपना नया बैच आ रहा है उसका याद रखना बस तो अपन यहां पर इसको open कर लेते हैं और अपने front end and back end दोनों को open यहां पर run कर लेते हैं जल्दी से

00:03:38पंजिरी गरे सर आपकी तव्यत खराब है क्या यह बिल्कुल तव्यत खराब तो नहीं कह सकते लेकिन गला और जुकाम यह दो चीज़ है

00:03:59यह कल संडे को ही हो गई थी लेकिन बहुत जल्द सही हो जाएगी

00:04:03यहां पर run कर लेते हैं अपने cd करके मैं आ जाता हूं अपने back end के उप�

00:04:27ठीक है और इसी के साथ अपने अपने front end को भी run कर लेते हैं चलने से तो यह अपना

00:04:53और अपन देखते हैं कि अब आगे अपने को यहाँ पर क्या करना है

00:04:56अब देखो यहाँ पर जो आज अपन चीज़ देखने वाले

00:05:08फूब जो अपने जितने देख लिए

00:05:10एड्मिन का अपना लगबग कंप्लीट है

00:05:11सर्च वाला भी अपने यहाँ पर कंप्लीट कर लिया

00:05:14उसके अलावा अपन यहाँ पर देखते हैं

00:05:19यह अपने प्रोडक्ट्स अपने को यहाँ पर शूर है

00:05:20केटेगरी अपनी कंप्लीट है

00:05:22क्वेरी वाला अपने कंप्लीट कर लिया

00:05:23home अपना है, cart अपन यहाँपर complete करते हैं

00:05:26अब अपने को यहाँपर

00:05:27क्या करना है, cart के अंदर

00:05:29जैसे मालो मैंने यहाँपर add to cart

00:05:31करा, add to cart करा, तो यहाँपर

00:05:33दो product मेरे add to cart हो चुके है

00:05:35लेकिन किस user के है यह?

00:05:37यह भी तो बता होना चाहिए कि किस user के

00:05:38प्रोडक्ट है अभी तो यहाँ पर कार्ट में आड होगे जैसे आप इसको रिफ्रेश करोगे सब कुछ

00:05:42था मान यहारे पो रिफ्रेश कर आवे मस्ताद करने अगा गारता है क्योंकि यहाँ पर कोई बी ऐसा यूजर नहीं है जो

00:05:48लॉगिन करके आरहा अपर दाइरेक्लि यहां पर आ रहे और ऑपने अंद्रेश कर रहे श ciertिसे हम चूं करने आये डा क्राट कर दोर

00:05:57टोकन प्रोवाइड करना है और जो टोकन अपन प्रोवाइड करेंगे उसके लिए अपन यूज करेंगे अपने JWT का

00:06:03JSON Web Tokens ठीक है यह बेसिकलि अपने पास क्या होते हैं अपने

00:06:07Tokens होते हैं जो अपन यहाँ पर generate करते हैं टोकन का मतलब यह हो गया

00:06:11जैसे मालो अपन किसी भी होटल के अंदर जाते हैं तो होटल में जाते ही सबसे पहले

00:06:17आप क्या करते हैं आप रजिस्टर करवाते हो अपना जो भी account account सारी details देते हो

00:06:20फिर उसके बाद वो आपको एक key देते है आपके room की तो आप उसमें अपना सामान रख सकते हो

00:06:25जो भी सामान रखना है फिर उसके बाद आप key से उसको access करोगे उसके बाद उसी से आप बंद कर सकते हैं तो सेम ऐसे ही

00:06:31tokens अपने पास यहां पर होते हैं कि जो भी user यहां पर login करके आ रहा है उसको अपने एक token प्रोवाइड कर दिया

00:06:38और उस token के थुरू अपने सारे data को access कर सकता है वो जो token यहां पर उसको मिलेगा उस token के basis पर उपने cart में जाके देख सकता है

00:06:46कि उसने जैसे मालो तीन दिन पहले कोई product add करे थे तीन या चार product तो वो check कर सकता है

00:06:52अगर वो tokens को expire करना चाहिए मतलब जैसे logout करेगा तो tokens क्या हो जाएंगे

00:06:56expire हो जाएंगे वासे तो expire भी कर सकता है tokens को और tokens को यहां पर क्या कर सकता है

00:07:02रख भी सकता है चीक है तो इस तरीके से अपन यहां पर अपनी tokens generate करवाएंगे

00:07:07और उसके लिए जो use कर रहे है वो use कर रहे है अपना json web token चीक है

00:07:12तो json web token की तोपन यहां पर यह काम करने वाले है जो अपना signature verify यह वो होने वाला है

00:07:17valid JWT यह सारे हीज़ी यहां पर हैं यह encoder है अपने पास अपने पास

00:07:37यूनिक generate होगा हर user के लिए तो सबसे पहले अपने को क्या करना है

00:07:41tokens generate अपने को करवाने हैं, तो अपन जल्दी से अपने यहाँ पर

00:07:45tokens generate करवाते हैं, अब token कब generate करवाना है? जब वो

00:07:49यहाँ पर register करने के बाद, जैसे मालों इसने register करा, उसने

00:07:53बुला कि उसका नाम देवांच हुए, उसने अपनी mail आईडी यहाँ पर

00:07:56प्ल्ट कर दी और उसने पासवर्ल लिख दियाuno 345 ठीक है ये उसने यहाँ पर पासवर्ल लिख दिया और रेजिस्ट्र कर दिया तो सक्सेस्फ़ورी

00:08:02रेजिस्ट्र हुआ फिर उसके बाद उसने पनी mail id दी और 1-2-345 ये उसने यहाँ पर

00:08:08क्या रख दिया अपना password और login करा तो successfully

00:08:11login यहाँ पर हो चुका है ठीक है

00:08:12और जैसे login हो जाए तो उपने card को

00:08:14access कर पाए अगर नहीं है तो card access

00:08:16नहीं कर पाएगा ठीक है तो सबसे पहले

00:08:18अपन यहाँ पर अपना जो यह password दे रहे

00:08:20यह अपना mail ID दे रहे और password

00:08:23पर दे रहे इसके basis पर अपने को क्या करना है

00:08:24login के time अपने को अपने

00:08:26tokens generate करवाने हैं तो सबसे

00:08:29पहले अपन आते हैं अपने tokens generate करवाने

00:08:31वाले step के उपर

00:08:32तो यह अपना backend है यह अपना

00:08:35frontend है और SRC के अंदर

00:08:37एक बार के लिए बाकी चीज़े close कर दो

00:08:39वापस से अपन सब देखते हैं

00:08:41और यहाँ पर

00:08:43इस backend को एक बार close करो

00:08:44frontend के अंदर SRC और SRC के अंदर

00:08:46अपने आते हैं अपने यहाँ पर

00:08:47PGS में components में login का यह रहा अपने पास

00:08:51यहाँ पर login पर आप क्या कर रहा है

00:08:53login details भेज जरू किस पर जा रहा है

00:08:54login user के उपर

00:08:56इस login user के उपर यह जा रहा है

00:08:58और यहाँ पर आपका login का data जा रहा है

00:09:00आपका जो password है और आपका

00:09:03यहाँ पर जो email है

00:09:04वो दोरों चीज़े यहाँ पर किस पर जा रही है

00:09:06login user के उपर

00:09:07तो जल्दी से अपन back end पर आते है

00:09:09और back end पर आके बना जाते है

00:09:10अपने user.js के उपर

00:09:11बराउट्स पर आजाओ

00:09:13API.js किस पर जा रही है आपकी DTS

00:09:15login user के उपर

00:09:17यह रहा login user और कौन से controller पर जाएगा

00:09:19यह login data controller जो आपका user.js

00:09:21के अंदर बना हुआ है

00:09:22अब आपको क्या करना है

00:09:24यहाँ पर आपको token

00:09:27generate करवाने हैं

00:09:28यहाँ पर क्या करना है

00:09:29token आपको यहाँ पर generate करवाना है

00:09:31और token अपन यहाँ पर generate करवाएंगे

00:09:34अपने किसके थुरू

00:09:34अपना जो JSON Web token है

00:09:37उसके थुरू अपन यहाँ पर

00:09:38अपने tokens यहाँ पर generate करवाने वाले हैं

00:09:41यह जो अपना

00:09:43यह है इसकी धुरूपन यहाँ पर यह काम करने वाला है जैसे इसके इंट्रोडक्शन की उपर अपना आते है तो दोगए यहाँ पर इसने सारी चीज़ें रखिए कि

00:09:51json web tokens क्या है किस तरीके सा आपके यहाँ पर tokens generate होंगे चीक है वो सारी चीज़ें यहाँ इसने mention कर रखी देखो यहाँ पर तीन टाइप में यह आपका header होता है यह वाला जो color आता है यह header है यह आपका payload होता है जो अपना payload जाता है और यह अपने पास होता है अपना verify signature अगर �

00:10:21कि यह क्या documentation यहाँ पर है ठीक है तो यह काम आपको करना है किस तरीके से करोगे यह आपको सिर्फ इसको जाके explore करना है अब यहाँ पर installation कैसे देर रखा है npm install json web token इसको आप यहाँ पर install कर लो और then उसके बाद use कर लो तो मैं यहाँ पर आके इसको install कर लेता हूँ उपने backend

00:10:51ठीक है तो यहाँ पर इसको install कर लो

00:10:55install करने के बाद आपको क्या करना है अपने backend को वापर से run करलो और इसको यहाँ पर require कर लो जिसको आप ने install करा तो मैं यहाँ पर क्या लगाँगा अपना require

00:11:07के एं मिने रेक्वायर लगाया और उसको रिकवायर कर रहा हूं है नहीं हो और अपर यहां पर पर

00:11:25लॉगिनि मोर्ट आ रही है अपने को उसकी सानल आ लगाया हूं है लिकिन

00:11:37जब अपन यहाँ पर क्या कर रहे है, जेसन के अंदर से एक message बेज़े successfully login, इसके साथ अपन यहाँ पर अपना token भी generate करवाने वाले हैं, तो मैं यहाँ पर अपने JWT को बिलाओंगा, उसमें से dot अपन यहाँ पर निकालेंगे अपना sign वाला method, जीक है, JWT dot sign वाला method अपन यहा�

00:12:07login जो करके आ रहा है user, उसके एक unique ID assign होती है, अपने database के अंदर, तो वो ID मैं यहाँ पर assign कर रहा हूँ, यहाँ पर अपना user check आ रहा है, यह जो user check है, उसी में से dot करके मैं यहाँ पर क्या निकालूँगा, अपनी underscore ID, अपनी database वाली ID अपन यहाँ आपर निकाल लेके हैं, ठी

00:12:37करता हूँ, JWT secret करके है, capital में रख लो, JWT secret, ठीक है, और यहाँ पर अपन कुछ भी pass कर लेता है, जैसे मालो अभी के लिए मैं यहाँ पर लिख देता हूँ, देवानशू सर, यह pass करता हूँ, अभी के लिए यह pass करता हूँ, secret की, और secret की को अपन यहाँ पर यूज ले लेत

00:13:07dot env, dot, क्या pass करा है अपने, वही यहाँ पर लिख लेता हूँ, JWT secret, तो यहाँ पर अपन उसको pass कर लेता है, ठीक है, यह अपने यहाँ पर क्या pass कर दिया, अपनी secret की pass कर दी, थर्ड अपन यहाँ पर पास करते है कि आपको इस token को कितनी देर में expire करवाना है, ठीक है, तो मै

00:13:37basically जब भी login करेगा, तो एक नया token यहाँ पर generate होगा, उस token को अपन यहाँ पर निकाल लेंगे, sign के थरू, ठीक है, तो यह token अपना यहाँ पर generate होगा, एक secret की अपने पास करी है, और जो ID होगी, उस ID के basis पे यहाँ पर अपना token मनेगा, ठीक है, और इस token को मैं यहाँ पर क्य

00:14:07पर आ जाने चाहिए token, ठीक है, मतलब जहाँ पर आप login कर रहे हो, उस login के अंदर अपने पास यहाँ पर आपके tokens आ जाने चाहिए, इस जगे, ठीक है, यहाँ से तो आप data बेज रहे हो, यह आपका response आ रहा है, इसके अंदर आपने यह करवा रखा है सारा काम, तो यहाँ प

00:14:37inspect करो, और inspect करके, एक बार वापस कर लो, इसको inspect, inspect करके अपर यहाँ पर क्या करते हैं, login करते हैं, और console में चेक करते हैं, कि अपने पास अपने tokens बन रहे हैं, यहाँ पर पास करते हैं, तो अपनी mail ID, मैंने यहाँ पर बुला दीवांचू,

00:14:52at the red gmail.com, ठीक है, यही दिया था, आपने password मैंने 12345 दे दिया, और मैंने यहाँ पर करा login, तो देखो यहाँ पर पहला तो आ रहा है आपका message, successfully login, और दूसरा आपके पास यहाँ पर आपका token यहाँ पर generate हो क्या रहा है, अगर आप देख पा रहे हैं, तो यह अपना token है, ठी

00:15:22तो यह आपका password आ रहा है, और response नहीं दिखा रहा है, यहाँ पर, यहाँ पर आपका token जनरे रहा है, ठीक है, यह तो कन है, अगर यह token देखोगी तो देखोगी तो देखो, three type मैं अपने पास यहाँ पर इस तरीके से आ रहा है, ठीक है, सेम वैसे ही है, जो token अपने दिखाय

00:15:52अब अपने को क्या करना है, जो frontend के अंदर अपने पास अपने को आ रहे हैं, उन tokens को अपन यहाँ पर क्या करेंगे, उन tokens को अपन यहाँ पर store करवा लेंगे, अब कहां store करवा सकते हैं इन tokens को?

00:16:06बताओ कहां इस्टूर करवा सकते हैं इन टोकन्स को अब यह अपने पास एक टोकन ही तो है तो टोकन को अपन यहाँ पर जो भी मेरे पास टोकन आ रहे हैं उस टोकन को मैं आपर इस्टूर करवा दूँगा किसके अंदर जो अपने पास अपना लोकल स्टूरेज है तो लोकल

00:16:36प्रक्सेसफुली लॉगिन हो रहा है, तो मैं कह रहा हूँ कि local storage का use करो, dot आपको यहाँ पर क्या करना है, set item करना है, और set item करके आपको यहाँ पर एक token नाम की की देनी है, पहला तो पन की देते हैं और दूसरी इपन यहाँ पर value देते हैं, तो value मैं यहाँ पर क्या करोगा, �

00:17:06परफेक्ट, इसी के साथ अपन एक आप यह भी करते हैं, क्योंकि अपनी को user की ID की requirement भी रहीगी, तो अपन यहाँ पर यह जो user.js है, यहाँ से अपन क्या बेज रहे हैं, अपना token तो भीजी रहे हैं, अपना message जा रहा है, इसी के साथ आप यहाँ पर जो आपका user check लेके आ

00:17:36तो इसका मतलब इस login.js के अंदर अपने पास यह तीनों चीजे आनी चीए, जैसे मैं यहाँ पर फिर से एक बार login पे हिट करवाता हूँ, यहाँ पर अपन दे देता है, अपनी email ID, ठीक है, और यहाँ पर मैं देता है तो password 12345, ठीक है, और मैंने यहाँ पर करा login, तो देखो

00:18:06सकती है, आपके बास, आपकी जो database वाली ID है, वो ही unique हो सकती है, ठीक है, तो मैं एक काम करता हूँ, यहाँ पर local storage के अंदर उसको भी store करवा देता हूँ, मैं यहाँ पर कहता हूँ, local storage dot set item, मैंने यहाँ पर बोला set item, और मैं यहाँ पर कहता हूँ कि यह user की क्या हो जाएगी

00:18:36परफेक्ट, तो इसका मतलब, जैसे आप चेक करोगे, तो आपके पास यहाँ पर क्या होगा, वो ID यहाँ पर आपकी store हो जाएगी, ठीक है, चेक करें, चलो चेक करता है, मैं यहाँ पर आता हूँ, और एक बार रिफ्रेश कर लो, और फिर से आप यहाँ पर क्या करो, लॉ

00:19:06ठीक है, और यहाँ पर अपन पासफ़र देते हैं, 12345, और मैंने यहाँ पर क्या करा, लॉगिन, ठीक है, सक्सेस्फुली लॉगिन हो चुका है, तो यहाँ पर आके अपन चेक करते हैं, अपने application में आके, और application में आके अपन local storage में आएंगे, तो अपने पास दोनों चीज�

00:19:36ठीक है, यहाँ तक की चीज़ के लिए रहे, तो एक बार comment करके बताओ, यहाँ तक की चीज़ के लिए रहे, इसमें कोई doubt नहीं है किसी को

00:19:46यहाँ तक की चीज़ के लिए है, तो एक बार comment करके बताओ, यहाँ तक की चीज़ के लिए है

00:20:16झालते हैं, तो एक है की चीज़ के सव महाँ पस्का से।

00:20:46कि अजिली करेंगे सर ठीक मैं कल देखूंगी आज मेरा इंट्रिवी ओनली एचा राउंड हुआ जो ठीक है कोई इश्यू नहीं है आप बताना कैसा गया आपका इंट्रिव्यू एकर सेलेक्शन हो चुका है तो सरसे बाद जुरूर करना ठीक है

00:21:10क्यूंकि अपन अपना जो डेटा आ रहा है जो अपना

00:21:29या पे two days जो भी आप उसमें limit लगा रह रहा हूँ उस लिमिट में वो even

00:21:32expire हो जाएंगे अब आपको क्या करना है अब जैसे login करने आ रहे हो जैसे

00:21:50log-in करने आ रहे हो login किya आपने और आपड को access कर रहोगो तो आप यहां

00:21:54पर कार्ट को एक्सेस करोगे, तो कार्ट को आप एक्सेस कर सकते हो, जितना डेटा आपने स्चोर करवा रहा है, अपनी आईडी के वेसेस पर, उसके साथ आपने पास टोकन्स भी होने चाहिए है, अब ये काम कैसे करोगे, सबसे पहले आपको बैक एंड में वेरिफाई करव

00:22:24है या नहीं है यूजर या फिर वो बिना लोग इन करे आ रहा है, इसका मतलब उसको कुछ भी एक्सेस नहीं मिलेगा, तो सबसे पहले उसको क्या करना पड़ेगा, लोग इन करना पड़ेगा, तो अपने बैक एंड के अंदर यहाँ पर एक मिडल वेर साइट करने वाले है

00:22:54ठीक है, तो जल्दी से मैं यहाँ पर क्या करता हूँ, रिक्वायर कर लेता हूँ, और किसको रिक्वायर कर लेता हूँ, अपने जेसन वेब टोकन को मैं यहाँ पर रिक्वायर कर लेता हूँ, ठीक है, और उसको अपन यहाँ यहाँ पर एक वैरीवल में असाइन कर देता ह

00:23:24बनाने वाला हूँ और उस function को

00:23:26अपन यहाँ पर कह रहे है अपना middleware में

00:23:29तीन अपने पास parameter आते है

00:23:30request, response और next

00:23:32next कब काम आता है अगर आपने देखा हो

00:23:34तो अपने मुल्टर बनाया था उस मुल्टर के अंदर

00:23:37भी अपने पास तीन parameter अपने आ रहे थे

00:23:39अपने इसमे नेक्स वाला यूज नहीं करा गया

00:23:42मुल्टर में यूज नहीं करा रहा

00:23:43तो देखो यहाँ पर first parameter request आता है

00:23:46दूसरा response आता हूँ तीसरा next आता है

00:23:48next कब जब सारी चीजे validate हो रही है

00:23:50तो आप उसको next भीज सकते हो मतलब उसको

00:23:52controller के उपर भीज सकते हो

00:23:53middleware कहां set करते है अपन

00:23:55अपनी जो sttp request है और जो अपना

00:23:57controller है उसकी बीच में अपन set करते है

00:24:00पहले वो check करेगा किसको sttp request

00:24:02hit हुई फिर उसके बाद वो middleware पर जाएगा

00:24:04check करेगा सारी चीजे verify करेगा

00:24:06अगर verify हुई है तो वो next करेगा

00:24:08और किस पर जाएगा controller

00:24:09controller वाला कुला logic जो लिखा है

00:24:11वो apply हुई अपना तो अब अपन

00:24:14यहां पर

00:24:14एक const मैं यहां पर करता हूँ

00:24:18auth करके अपन

00:24:20यहां पर

00:24:20क्या मना देते हैं अपना एक function ठीक है

00:24:23तो मैंने यहां पर एक auth करके

00:24:25यहांपर अपना एक function आ दिया

00:24:26ठीक है अब इस function

00:24:29के अंदर अपने पास क्या आ रहा है एक तो request है

00:24:31दूसरा अपने पास response है

00:24:33और तीसरा अपन यहाँ पर कह देते हैं अपना

00:24:35next अगर सब verify होता है

00:24:37तो अपन उसको क्या करेंगे next कर देंगे

00:24:39अब request के अंदर

00:24:42अपने पास जो अपना header है

00:24:44request के अंदर जो अपना header है

00:24:47उसी के अंदर अपने पास यहाँ पर अपना authorization आएगा ठीक है तो मैं यहाँ पर लिख देता हूँ

00:24:53authorization ठीक है अब इस authorization को अपन यहाँ पर कहते है अपने header के अदर अपना authorization आएगा जिसको अपन यहाँ पर access करेंगे

00:25:07अब यह कहाँ से आएगा यहाँ आएगा आपके जो आप sttp request हिट करोगे वहाँ से ही authorization आने वाला है ठीक है जिस token की अपन बात कर रहे है वो अपने पास यहाँ पर आने वाला है ठीक है तो यहाँ पर मैं इसको एक variable मैं sign कर देता हूँ और मैं यहाँ पर इसको कर देता हू�

00:25:37ठीक है यही दिखेगा आपको subject के लिखावा कि अपन इसको bearer header करते है और यह क्यों use कर रहा हूँ क्योंकि उसके अंदर से सिर्फ में को payload चीए में को complete नहीं चीए अपना token में को सिर्फ उसमें से payload चीए चलिए अपन यहाँ पर जो अपने header के अंदर authorization आएगा अब यह authorization क

00:26:07में से निकालूँगा request.header.authorization क्योंकि उसी के अंदर आपकी tokens आने वाले हैं ठीक है तो वो चीज़ अपने आपने निकाल ली अब उसके basis पे अपने यहाँ पर लगाएंगे अपनी condition ठीक है एक condition में यहाँ पर बनाता हूं एक बार अपन चेक करी लेते हैं इसने क्या दे �

00:26:37क्या है

00:27:07यह तो यहां पर इसने token generate करवाए उसके बाद यहां पर अगर आप देखोगे तो यह verify करवा रहा है यहां पर ठीक है पर अपने तरीके से कर लेते कोई शुनी है यहां पर देखो मैंने if condition लगाई अब मैं बोलता हूँ कि अगर यह नहीं है अपने पास जो अगर अपना वीर

00:27:37लगा ते उसी के साथ मैं कहलेता हूं कि जो अपना यहां पर बियर हैडर अपन यहाँ पर ले रहे वह अपने पास start होना चाहिए

00:27:46है start with

00:27:48ठीक है क्योंकि अपन starts with

00:27:50अपन यहाँ पर कहा ज़ाते हैं क्योंकि अपन

00:27:52यहाँ पर इसके साथ एक string भी

00:27:54भी भेजने वाले हैं चीक है और उस

00:27:56string के अंदर जो मैं लिखूँ हूँ हूँ वो मैं

00:27:58यहाँ पर लिखूँ हूँ अपना पीरर ठीक है

00:28:00यह अपनी string अपन भेजने वाले है

00:28:02तो यह भी होना जरूरी है

00:28:04दोनों condition true होगी तब ही अपने को क्या करेगा

00:28:06मतलब दोनों में से

00:28:08condition true होना जरूरी है

00:28:09तो यहाँ पर अपनी यह लगा दिया

00:28:11तो यह क्या करेगा अगर यह काम होता है

00:28:14तो आपको यहाँ पर क्या करना है, return करना है, और return क्या करना है, response.status अपन यहाँ पर बेज देते हैं, अपना status, और status मैं यहाँ पर बेज देता हूँ, 401, ठीक है, 401 अपने पास यहाँ पर होता है, जो भी अपने पास token है, या फिर authentication की जो अपने पास status होता है, उसके लिए अ

00:28:44और message में मैं यहाँ पर भीज़ दूँँगा चूड़ी अपने को दिखाना जिसे मैं यहाँ पर कहता हूँ

00:28:50access denied ठीक है access denied और इसके अंदर अपन कहते थे no token provide

00:28:57no token provided ठीक है पहला काम तो यह कि अगर अपने पास token ही नहीं आ रहे तो अपन पहला तो यह कहेंगे

00:29:12कि no token provided ठीक है और अगर token आ गए तो अगर token आ गए तो आपको क्या करना है

00:29:19जो आपके पास यहाँ पर आपका bear header अपन यहाँ पर ले रहे उसमें से dot करके अपन split लगाएंगे

00:29:25अब यह split method क्यों लगा रहा हूँ क्योंकि मेरको उस token में से सिर्फ क्या चीए पेलोड चीए और पेलोड जो है वो कहाँ पर बनेगा

00:29:32पेलोड कौन से index पर आ रहा होगा अगर आप यहाँ पर देखोगे तो वो one index पर आएगा अपने पास

00:29:37कौन से index पर आएगा अपने पास one index पर आएगा कैसे देखो यहाँ पर यहाँ और

00:29:49JWT पर बनाते एक बार के लिए या फिर tokens यहाँ पर भी बनाए ठीक है अगर आप इस tokens को देखोगे तो तो यहाँ पर zero पर यह है अपने को इसमें से क्या करना है अपना पेलोड अपने को यहाँ पर चीए ठीक है यह पेलोड अपने को यहाँ पर निकालना है और यह कौन से

00:30:19ठीक है, कॉस्ट करके अपन यहापर क्या कह देते हैं, अपने टोकन अपन यहापर कह देते हैं, अब यहाँ पर आपको सिर्फ verify करवाना है, कि जो tokens अपने पास आ रहे हैं, और जो login करते time token generate हुआ है, वो अगर same है, तो login करवा दो, और अगर नहीं है, तो उसको दिखा दो, क

00:30:49token, एक काम करें, इसको directly मत लिखो, try catch लगा तो इसके अपने, try catch लगा है, तो error handling भी open कर लेते हैं, और मैं यहाँ पर कहता हूँ, कि JWT जो है, अपने require करा है, उसमें से dot करके मैं यहाँ पर अपना method निकालूँगा, कौन सा verify वाला, JWT को अपने करतो रगा उपर,

00:31:09Suggestion नहीं दे रहा रहा है, JWT dot verify, कोय बात नहीं, Suggestion नहीं दे रहा तो अपने दो पता है, यहाँ पर verify मैं करवा रहा हूं, और verify किसको करवा रहा हूं, जो मीरे पास token आ रहा है,

00:31:28प्रॉसेस.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.env.

00:31:58ने first verify कराया अगर verify है मतलब जो token यहाँ पर आ रहा है और जो login के time token है वो same है तो इसका मतलब वो यहाँ पर क्या हो रहा है अपना ठीक है अब verify हो रहा है तो इसके basis पे आपको यहाँ पर क्या करना है जो अपना request है उसको मैं यहाँ पर बुलाता हूँ और उस request में से dot करके अ

00:32:28मतलब अगर verify हो चुका है तो आपको क्या करना है उसको next करना है मतलब controller के उपर बेजना है और अगर नहीं हुआ तो वह यह आपको यहाँ पर return करके क्या करना error देनी है आप बोल दोगे response dot status और उसके अंदर आप यहाँ पर बोल दोगे 403 की error देते है पन 403 क्योंकि tokens expire हो ग

00:32:58और वो क्या जाने वाला है वो मैं कह देता हूँ कि जो token है वो is invalid या फिर expired ठीक है invalid या फिर expired है ठीक है बस इतना सा काम अपने को होना है यह auth वाला अपने यहाँ पर create करा है और इस auth को यहाँ पर क्या कर दो यहाँ से आप कर दो module dot to exports और अपन यहाँ पर pass कर देते हैं अप

00:33:28auth को चीक है अब इसको अपन require करेंगे then use करेंगे इस token को मतलब यह जो auth middleware बनाए इस auth middleware को मैं यहाँ पर use करने वाला हूँ यहाँ तक की चीज के लिए रहे तो एक बार comment करके बताओ yes sir यहाँ तक की चीज के लिए रहे इसमें कोई doubt नहीं यहाँ तक की चीज के लिए रहे

00:33:58कीज कीज की चीज कीज करेंगे रहे रहे रहे हैं यहाँ तक कीज़ उेड़े हैं

00:34:28सर ये सर याद कैसे रखेंगे

00:34:40ये चीज़े आपको याद नहीं रखनी

00:34:42मैं आपको पहले भी बताराऊ हूँ

00:34:43जैसे अपने मूल्टर का सेट ओ 입 देका था

00:34:45ये सारे पैकेजे से

00:34:46इनका सेट अप आपको आना चीज़ ए

00:34:48कि सेट आप कैसे करना है

00:34:50मतलब आपको हर एक चीज पताओ नहीं चीज है

00:34:52याद नहीं रहे तो भी कोई दिक्कत नहीं है

00:34:54आप कॉपी करके पेस्ट करके यूज़ कर रहे हूं

00:34:56उस सेट अप को तो भी आपको आना चीज़े

00:34:58कि कहां से फ्रेंट से क्या चीज़ आने वाली है

00:35:00याद रखना ज़रूरी नहीं है

00:35:30राजिंदर करें कि सर जे डबलू टी कब यूज़ होता है

00:35:56एक्जामपल

00:35:57जैसे माला आप किसी वेबसाइट पर हो अभी अपन

00:36:01e-commerce वेबसाइट पर आ रहे है तो आप

00:36:02वेबसाइट को पूरा explore कर सकते हो

00:36:04डिपेंड करता है कौन सी वेबसाइट बना रहे है उसके उपर

00:36:07जैसे अभी आप पूरी वेबसाइट explore कर सकते हो

00:36:09कोई दिक्कत ही नहीं, अराम से देखो, आप बिना लॉग इन करें,

00:36:11देखो, कोई दिक्कत नहीं प्रोडक्ट, लेकिन जैसे आप add to cart करोगे,

00:36:14तो add to cart करते ही, आप cart के उपर access करोगे,

00:36:18तो यहाँ पर अभी देखो, मैं एक access मिल रहा है cart का,

00:36:20लेकिन नहीं मिलना चाहिए, यहाँ पर बताना चाहिए,

00:36:22कि पहले आप login करो, उसके बाद आप cart में add कर सकते हो,

00:36:26product और shopping कर सकते हो, चीक है,

00:36:28तो पहले वो अपनी ID register करवाएगा, उसके बाद ही यह काम होगा,

00:36:33तो ID register करवाने के लिए, और website को secure बनाने के लिए,

00:36:36पन JWT का यूज करते हैं, जैसे अभी मैं किसी भी page के उपर आता हूँ,

00:36:40जैसे मालो मैं यहाँ पर contact वाले, query वाले पर आ गया,

00:36:43अब मैं यहाँ पर, अगर slash query, या फिर जैसे मालो, अगर आप cart पर आते हो,

00:36:47तो आपको दिख रहा है, slash cart के उपर आ रहे हो,

00:36:49और आप चाहते हों कि मैं direct, redirect करवा दू,

00:36:52मैंने यहाँ पर आके लिख दिया, slash cart, और मैं यहाँ पर आके चेक करूँगा,

00:36:55तो मैं cart पर आ जाओँगा, आ गया हमें, लेकिन यह नहीं होना चाहिए,

00:36:58यहाँ पर क्या होना चाहिए, वो अगर आप कोई भी,

00:37:00HTTP request को direct hit करवा रहे हो,

00:37:04तो आपको बेज़ेगा कहाँ पर login के उपर,

00:37:06वो बहुत लेगा पहले login करो, उसके बाद ही आप access कर सकते हों चीजों को,

00:37:10तो उसके लिए अपन इसको use लेते हैं,

00:37:15आई बात समझ मैं है,

00:37:30क्या है,

00:38:00श्रेगल के रहे कि सरकल एक साइट चला रहे थे उधर बिना लोगिन के भी कार्ट में चीज़े रह रही थी और ब्राउजर बंद करके वापस चलाए तब भी

00:38:15हाँ होता है आप दिखा सकते हो लेकिन जब आप उसको क्या करोगे प्रोसेस करोगे बाई गंडी के लिए तब फिर आपको लॉगिन करना पड़ेगा ठीक है ऐसा कर सकते है कि आप कार्ट में दिखा सकते हो जैसे मालो यहां पर आओ कोई भी e-commerce website जैसे अपने जैप्टो का ह

00:38:45ही है ठीक है जैसे मैंने यहां पर इसको बोला एड़ अब देखो यहां पर कार्ट में वह एड़ हो चुका है लेकिन मैं जैसे गो टू कार्ट करूँगा यह बोलेगा प्लीज लॉग इन वो दिखा रहा है कि आपको प्रोड़क्ट एड़ हो चुका है लेकिन पहले बोल �

00:39:15पर इसको भी एड़ कर दिया, अब यह बता रहा है कि दो प्रोडक्ट आपके आपकर कार्ट में हैं, यह विस शो ही कर रहा है, लेकिन जब आप गूर्टू कार्ट करोगे तो यह आपको बताएगा लॉगिन, फर्स्ट लॉगिन, उसके बाद आप और करो, प्लेजड करो, प

00:39:45काउट करोगे, तब फिर वो वहाँ पर चेंजिस कर देगा, जैसे अभी यहाँ पर कार्ट में आप चेक करोगे, यह बता रहा है कि आपने इसको एड़ कर रखा है, अब यहाँ पर इसने सारी डीटियल्स दे रहा है, प्लेज ओर जैसे आप करोगे, क्या बता रहा है, अ�

00:40:15यहाँ पर कार्ट के अंदर वो आ रहा है, आपके पास, यहाँ पर कोई दिक्कत नहीं है, अब जैसे मैं प्लेज ओर करूँगा, लोगिन पर ले जायागा, एक ही बात है, प्लेज ओर पर लोगिन पर ले जा सकते हो, कार्ट आप दिखा सकते हो, तो कार्ट बता है कैसे दि

00:40:45से रहने चाहिए ठीक है तो उसके हिसाब से फिर अपने को काम करना पड़ता है

00:40:50चेक आउट नहीं होता चेक आउट के अंदर फिर अपने को क्या करना पड़ता है उसको यह काम करवाना पड़ता है

00:41:15इंद लाइट काट, चीक है, यह तो वैबसाइट ही पहले बार देखिए मैंने, इसने बेसिक सी बना रगी जैसे यहाँ पर, जैसे आप किसी भी चीच के उपर आ जाओ, जैसे आपने इसको एक टू काट करा, चीक है, तो यह आपका एक टू काट हो चुका है, व्यू काट कर

00:41:45यह सरी रहा है, लेकिन यह लोगिन करवाएगा यह जैक है, यह लोगिन करवाएगा आपको यहाँ पर, यहाँ पर देखो, क्वेरी स्ट्रिंग सारी बन रही है आपके बास, यह खाने भी नहीं की चीज़े क्यों बेज़ने तो आप, वाउ,

00:42:15324, चोको ब्राउनी, कितने पीसेज दे रहा है यह इसके अंदर,

00:42:39ठीक है चलो, यह तो हटाओ, क्या देख रहे हुए है, इसमें रिफ्रेश पर काट खाने है,

00:42:45आपना भी नहीं होगा, टैंचन मतलो, अब यह पन स्टार्ट ही करा है, अपने काट खाली नहीं होगा,

00:42:52बनाने तो दो रिफ्रेश पर काट खाली नहीं होगा, आप चाते हो कि आपको काट दिखाई दे, ठीक है, जैसे आप लोगिन कर गया है,

00:42:59आपको काट दिखाई दे, फिर उसके बाद जब आप चेक आउट करो, तब वो लोगिन कर वाए, यह गाम भी कर सकते हो,

00:43:04यह फिर, जैसे काट को एक्सेस करो, तो वो लोगिन कर आए, दोनों का हम हो सकते हैं, कोई दिखकत नहीं, वो तो अपने अपना टोकन का वो अपना जो

00:43:12मिडल वेर है, वो तो अपने लिखी लिया, अब उस मिडल वेर के वेसिस पर अपने को सेट करना है, कि किस चीज के उपर आप उस मिडल वेर को लगाना चाहते हो, ठीक है, जिस जिस पर लगाना चाहते हो, उस पर लगा तो सब पर लगा तो, जितनी भी आपकी STP रिक्वे

00:43:42यहां पर अपने को क्या करना है, जैसी मैं इसके उपर क्लिक कर रहा हूँ, तो इस पर क्लिक करते ही, अपने को यहां पर क्या करना है, टोकन्स को चेक करना है, कि उसके टोकन्स यहां पर है या नहीं है, यह चेक करना है, ठीक है, तो पर एक काम करते हैं, यह कार्ट जब आप

00:44:12तो SRC के अंदर

00:44:13आपने यहां पर अपने

00:44:16जो काट वाला काम है

00:44:17वो किसमें गरवारा का है, वो सारा काम हो रहा है

00:44:19आपके यहां पर features के अंदर

00:44:23यहां पर अगर आप देखोंगे

00:44:24तो यह आपका save का code

00:44:26और ऐसे ही

00:44:27काट को वापस fetch करने का code भी

00:44:30यहां पर लिखेंगे यह तो सिर्फ किसका है सेव का है अब कार्ट को फैच कर दे का भी काम अपन यहां पर करेंगे अब जब उस यूजर का कार्ट यहां पर सेव हो रहा है जो लोगिन करके आया है तो उसके टोकन सेव हो चुके और कहां पर सेव हो रहे है उसके टोकन सेव ह

00:45:00तो मैं यहाँ पर एक काम करता हूँ,

00:45:02मैं बोलता हूँ अपने local stories को,

00:45:04और उसमें से dot करके अपन क्या करेंगे अपना get item,

00:45:07और get item करके मैं यहाँ पर pass कर देता हूँ,

00:45:09अपना key, यह करते है get के लिए तो token नाम की key अपन यहाँ पर pass कर देता है,

00:45:13और इसको एक variable में assign कर दो,

00:45:16तो मैं यहाँ पर करता हूँ const और मैं यहाँ पर करता हूँ अपना token,

00:45:23चीक है, यहाँ पर अपन क्या करते हैं अपना token,

00:45:25परफेक्ट, तो यह अपना token है,

00:45:28अब इस token को मेरे को क्या करना है,

00:45:30इस token को मेरे को backend पर बेजना है,

00:45:31अब देखो आप headers के अंदर एक तो बेज़ो content type application slash JSON

00:45:34ऐसे ही दूसरी चीज मैं यहाँ पर बेजने वाला हूँ

00:45:37और वो मैं यहाँ पर बेजने वाला हूँ अपना authorization

00:45:40तो यहाँ पर अपन बेज़ देते हैं अपना authorization चीक है

00:45:43A-U-T-H

00:45:46चीक है authorization

00:45:51spelling mistake कर दीगा

00:45:53A-U-T-H-O

00:45:56ठीक है authorization के अंदर अपन यहाँ पर क्या बेजने वाले हैं अपने tokens को

00:46:04तो मैं यहाँ पर लिखूँगा अपना BRR

00:46:06ठीक है और यहाँ पर पर पास करेंगे अपने token

00:46:14मैं यहाँ पर पास करता हूँ अपने किसको

00:46:16token को

00:46:17यह token आपका चला जाना चीए

00:46:23ठीक है तो यह token कहाँ पर जाना चीए

00:46:28token जाना चीए आपके back end के उपर

00:46:30ठीक है authorization अपने यहाँ पर headers के अंदर लिखा

00:46:35authorization और यहाँ पर content type application

00:46:38slash JSON तो है यह आपका इसमें तो कोई doubt ही नहीं है

00:46:41और इसी के साथ मैं authorization के अंदर BRR

00:46:45token मैं यहाँ पर बेज रहा हूँ जो मैंने यहाँ पर

00:46:47create करें लिए किसके उपर

00:46:49slash API slash card save जहाँ पर वो save हो रहा है

00:46:52तो जल्दी से अपने किसके उपर आओ

00:46:55API.js के उपर आओ

00:46:56और save कहाँ पर हो रहा है save अगर आप

00:46:59यहाँ पर देखोगे तो save

00:47:01आपका यह रहा यह रहा save वाला काम ठीक है

00:47:04तो यहाँ पर आपको क्या करना है

00:47:06यहाँ पर आपको अपना middleware

00:47:08set करना है यहाँ पर आपको

00:47:10सिर्फ क्या करना है अपने middleware को set करना है

00:47:12जो भी आपने अपना auth middleware

00:47:14यहाँ पर क्रिए उसको यहाँ पर set कर दू

00:47:16तो सबसे पहले यहाँ पर आपके बास token आ रहे हैं

00:47:19यह token चेक होने के लिए का पर जाएंगे

00:47:21crash हो गए गा

00:47:23यहाँ पर यह जो आपके crash हो रहा है

00:47:27एक मिनट

00:47:28क्या mistake कर दिये अपने

00:47:31यहाँ पर जाग करो क्या बता रहे है

00:47:33odd.js

00:47:44module.exports

00:47:47odd को आपने यह पर export कर दिया

00:47:59कुछ mistake दिखरी क्या

00:48:01जीसन वेब टोपन स्केन नोट फाइंड

00:48:21वाई

00:48:22अच्छा ऐस लगा दिये गा उसमें

00:48:27ओके mistake थी अपनी

00:48:29कोई इशु नहीं है

00:48:30ठीक है डीवी successfully हो रहा है यहाँ पर

00:48:33अब देखो यहाँ पर मैंने बोला कि

00:48:35यहाँ पर card save में आएगा

00:48:37उससे पहले वो auth में जाके चेक करेगा

00:48:39वो जो middleware है इसमें आके चेक करेगा

00:48:41यहाँ पर वो देखेगा कि आपके पास

00:48:43यहाँ पर b error header जो है वो आ रहा है

00:48:45request.header. आप यहाँ पर भेज रहो

00:48:47अगर आप देखोगी तो यह रहा आपका

00:48:49authorization के अंदर b error और फिर उसके तार

00:48:51token आप यहाँ पर भेज रहो चेक करेगा

00:48:53आ रहा है तो उसके basis पर यहाँ पर

00:48:55यह दोनों condition यहाँ पर चेक करेगा

00:48:57अगर access deny होगा तो यहाँ पर

00:48:59बोलेगा no token provided

00:49:01मतलब b error भी नहीं आ रहा है इससे start

00:49:03नहीं हो रहा दूसरा अपन यहाँ पर

00:49:05क्या करे कि अपने पास जो है यह

00:49:07चीज value आना जरूरी है अगर यह नहीं आ रही

00:49:09तो यह condition अपने पास true होगी तो

00:49:11यह क्या करेगा इसको run कर देगा नहीं

00:49:13तो अपने पास token आ जाएगे token आया तो वो

00:49:15यहाँ पर token को check करेगा verify करेगा

00:49:17किस से जब user यहाँ पर क्या कर रहा था

00:49:19login करके आया उसके basis पे

00:49:21और वो यहाँ पर पूरा complete check करेगा

00:49:23फिर उसके बाद अपन यहाँ पर इसको

00:49:25next कर देंगे और यहाँ पर return कर देंगे

00:49:27perfect ठीक है और यहाँ पर अगर आप check करोगे

00:49:31तो यह middleware अपने का पर लगाए अपने

00:49:35इसके उपर और यहाँ पर save data

00:49:37controller के उपर वो चला जाएगा

00:49:39और आपका जो card है वो save हो जाएगा

00:49:42ठीक है इतना सा काम

00:49:43अपने को यहाँ पर करना है

00:49:45तो चलो अपने एक पर check करते है

00:49:47चेक करने के लिए अपने को एक काम

00:49:54करना पड़ेगा जो अपना card slice है

00:49:56उसके अंदर अपने को

00:49:57response भी निकालना पड़ेगा

00:49:59अपने card slice के अंदर

00:50:02अपने को अपना response निकालना पड़ेगा

00:50:03और response आप यहाँ पर अपने

00:50:05रिडक्स के अंदर create a thing

00:50:07के तुरू आप यहापर hit करवा रहे हो अपनी API को

00:50:09तो response आप निकालते हो यहापर अपने extra reducers की तुरू

00:50:13तो आपको यहापर extra reducers का setup करना पड़ेगा

00:50:15then उसके बाद अपने पास जो भी response आ रहा है

00:50:18वो response आपनी आपनी आपने निकालेंगे

00:50:19ठीक है यहापका save cut आपने यहापर बनाया है

00:50:39ठीक है और यहाँ से अपन अपना एगवार response निकाल रहते हैं

00:50:49यहापका card slice हो गया और यहाँ पर यहाँ पर यह सारे चीशे है

00:51:06तो यहाँ पर अपने लगा देते हैं अपना extra reducer

00:51:10कले इस काम को अभी चलो करें लेते हैं

00:51:14यहाँ तक का पूरा यह है और आपने यहाँ पर यह सारा काम का रखा है

00:51:18फिर उसके बाद

00:51:19यहाँ पर मैं साइट करते हैं तो अपना extra reducer

00:51:25ठीक है तो यहाँ पर अपन बुलाते हैं अपना extra reducer

00:51:30नहीं आ रहा तो import कर लो directly नहीं आ रहा तो import ही करना पड़ेगा अपने को

00:51:34तो जल्दी से मैं यहाँ पर अपना extra reducer को import कर लेता हूँ

00:51:38वेटे मिनेट अपने अपने यहाँ लगाए दिया और अपने टूल किट से अपने को अपना extra reducer

00:52:02यहाँ पर set करना पड़ेगा यहाँ पर अपने यह काम कर दिया और अपने अपने अपने यह काम कर दिया और

00:52:20वेटे मिनेट का इस का टोटल है इसके बाद

00:52:25अपने अपने अपने अपने से अपने से अपने लगाँ का लेक्वाँ पता है यहाँ बादे का टू रूब

00:52:37हूँ

00:52:53भुँ

00:52:55एक्स्ट्र रेड्यूसर बेसिकलि काम आता है कि आपने अपना असिंग थंक बनाया है उस थंक से जो भी रैस्पोंस आगा उसको आप एक्षा रेड्यूसर के थूँ यहां पर एक्सेस करने वाले हो ठीक है एक्स्ट्ञ रेड्यूसर ठीक है

00:53:10Reducers आपने सैट करा

00:53:23उस Reducers के बाद ही आपका Extra Reducers आता है

00:53:26यह रहा आपका Reducers

00:53:29इसके बाद ही अपन यहाँ पर लगाते हैं

00:53:31अपना Extra Reducer ठीक है

00:53:33और यहाँ पर अपन बलाते हैं

00:53:35अपना Extra Reducer को

00:53:36Extra Reducer basically क्या काम आता है

00:53:38यहाँ पर जो भी आपके पास response आएगा

00:53:41वो response आप यहाँ पर निकालने वाला है

00:53:42यह function ही देता है

00:53:43यह आपका Extra Reducer है

00:53:47और यह काम आता है आपके पास जो भी response आएगा

00:53:50उस response को get करने के लिए

00:53:51इसके अंदर अपने पास अपना builder आता है

00:53:54मैं यहाँ पर कहता हूँ builder

00:53:55ठीक है और इसी के थ्रू अपन यहाँ पर अपने response को निकालेंगे

00:53:59जैसे अगर आप यहाँ पर चक करते हूँ इसने भी यही सेम काम को रहा है

00:54:01builder अपने पास आता है उसमें से add case में सी यह पर

00:54:03जो भी data रहा है उस data को यहाँ पर यह निकाल रहा है

00:54:06loading state भीज़ रहा है एक्सेंट प्रिलूड के अंदर जो data रहा है वो यहाँ पर निकाल रहा है

00:54:09और यह काम कर रहा है ठीक है तो एक बार मैं यहाँ पर create करता हूँ फिर समझाता हूँ

00:54:14तो मैं यहाँ पर अपने builder को बलाता हूँ

00:54:18और फिर उसके बाद उसमें से add case अपन यहाँ पर निकाल लेते हैं

00:54:22और उसके अंदर जो अपना यहाँ पर क्या था अपने पास save card

00:54:27इस save card को मैं यहाँ पर बला लेता हूँ

00:54:29जो अपने पास अपना save card था उसी में से अपन यहाँ पर कह देते है अपना fulfill

00:54:34ठीक है अगर fulfill होता है तो

00:54:36क्योंकि fulfill भी हो सकता है

00:54:38और अपने पास क्या हो सकता है

00:54:39reject हो सकता है तो अपने को तो अगर fulfill होता है

00:54:41तो उसका response मैं यहाँ पर निकाल रहूँ

00:54:43fulfill होता है तो fulfill होने पे

00:54:45जो भी response आएगा वो अपन यहाँ पर

00:54:47निकाल लेंगे ठीक है एक तो मैं आपर कहता हूँ अपना state और एक अपनी आपर कहले ते अपने actions ठीक है ये दू चीज़े अपने पास यहाँ पर parameter आते है state और action ठीक है और एक बार के लिए मैं आपर console करवा के देख लेता हूँ किसको अपने card save को मैं आपर कहता हूँ कि मेर

00:55:17यहाँ पर इसने क्या बता रहा है ठीक है अगर आप rejected भी निकालना चाओ पैंडिंग भी निकालना चाओ ये भी सारी चीज़े निकाल सकते हैं ठीक है इसमें builder में सीकर के इसने निकाला है और ठीक है पैंडिंग का भी आपन निकाल लेंगे पहले एक बार अपन देखते कि

00:55:47एक बार आजाओ और एक बार console में आके चेक कर लो आप सिर्फ console में आओ और मैंने to cart करा और मैं cart की उपर आके चेक करता हूँ

00:55:58access denied no token provided बता रही है ठीक है तो चलो एक बार अपन आके चेक करते हैं application टोकन तो है कोई दिक्कत ही नहीं है टोकन उसको एक बार expire कर दो और फिर से आप यहाँ पर इसको refresh कर लो और एक बार console में आके चेक करो और आप एक to cart करो और यहाँ पर आके चेक करो

00:56:19access denied no token provided ठीक है एक बार के लिए मैं यहाँ पर आता हूँ और login अपन करते हैं login करके आते हैं क्योंकि login करने पर ही tokens आपके generate होने वाले है यह लोग इन कर लिए आपने successfully login आपने add to cart करा और यहाँ पर आके आपने

00:56:46save करा और यह बता रहा है access denied no token provided यह तो चलो perfect है cart save undefined बता रहा है undefined payload undefined आ रहा है ऐसा क्यों

00:56:58क्यों यह यहाँ पर अपने सिर्फ क्या करवा रहा है इसको return नहीं करवा रहा है अपने यहाँ पर return भी तो करवाना पड़ेगा इसको यहाँ पर यह जो आपका

00:57:28यहाँ से इस तरीके से ना लिखके variable मैं sign ना करके यहाँ से क्या गरो इसको return कर दो क्योंकि यह return हो कि ही आपका extra reducer में जाने वाला है

00:57:39फिर से आओ, add to cart करो, आके check करो, cart save, access denied, note open provided

00:58:09तोकन्स यहाँ पर नहीं जा रहे है इसे इसे बीरर आपने यहाँ पर लिखा और

00:58:36टोकन आपने यहाँ पर पास करें आपके, local storage.get item टोकन आपने यहाँ लिखा है, perfect, कोई दिक्कत ही नहीं है, ठीक है, और उसके बाद आप यहाँ पर user.gs की उपर, यहाँ पर auth के, through आप यहाँ पर दिख रहे हो, तो आपने पास request.header.authorization आपने यहाँ पर पास करा है, फिर

00:59:06और अगर टोकन यहाँ पर आ रहे हैं, मतलब यह यहीं if पर ही आके रुक रहा है, उसके बाद तो आगे जाहीं नहीं रही है. चीक है, चलो देखते हैं इस चीज को, यहाँ तक की चीज आप सभी को समझ भाएं क्या, यहाँ तक की चीज आप सभी को clear है क्या, इसको अपन next

00:59:36इतना complex नहीं है, यह बिल्कुल easy है, अगर आप step by step समझोगे इसको, ठीक है, extra reducer क्या था, extra reducer अगर अपने पास कोई भी response आता है अपने, यहाँ पर slice के उपर तो उसको अपन यहाँ पर इस तरीके से निकालते अपने extra reducer के था, ठीक है, जो अपने पास reducers होता है, उसके �

01:00:06इसको एक flow wise, ठीक है, आज थोड़ा था flow अपने सही नहीं रगा, शायद तो हो सकता है कि आपको कुछ flow, कुछ flow समझ में नहीं आया होगा,

01:00:14simple use कहां करे JWT को, JWT का simple use नहीं होता, JWT use करना थोड़ा सा complex रहता है, अगर आपको flow चीज़े अच्छे से समझ में आ रही है, तो आप इसको easily use कर सकते हो, ठीक है, बस चीज़े hit करवाना और चीज़े को निकाल के सही जगे लेके जाना, यही काम अगर आपको आपको आप JWT

01:00:44सर, user का detail, site owner देख सकता है, जैसे की password, हाँ अगर आप दिखाना चाहो तो लेकिन password दिखाने का कोई sense ही नहीं है, मतलब जो user, user चेक कर सकता है, लेकिन admin को चेक करवाने का मतलब नहीं है, पासवर का, आप चेक करना चाहो तो कर सकते हो, profile के उपर जाके changes कर सकते हो, यह आपक

01:01:14चोटे मोटे task हैं जो आप कर सकते हो, बिल्गुल easy है, आपको data निकाल के लिखाना है और password दिखाना है, बस इतना सा काम करना है, profile अपडेट करवाना तो आपको बहुत अच्छे से आता है, आप उसका name अपडेट करा सकते हो, user name करवा सकते हो, email id अपडेट करवा सकते हो, �

01:01:44JWT के पास user details हो सकता है, मतलब

01:02:14अब क्या pending है, अब अपना JWT pending है और अपना जो second काम है, वो अपना यहाँ पर payment वाला काम pending है, फिर अपना यह project complete है, ठीक है, फिर अपना यह project complete है

01:02:44ठीक है, आज की class इतनी मिलते है, फिर अपना अपने next वाली class के अंदर

01:02:51attendance के point 1, yes, बिल्कुल attendance का मैं आपको point 1 बता देता हूँ, attendance का point 1 के अंदर आपको क्या mention करना है, JWT attendance का point 1 है

01:03:05और attendance के point 2 के अंदर आपको mention करना है, skills, ठीक है, यह attendance के point 1 और point 2 है, जो आपको fill करने है

01:03:14अर्जुन करें पंद्रा को जो class start होगा तो horse होगा क्या

01:03:19हाँ पंद्रा को जो class start है वो class नहीं है

01:03:23पंद्रा को workshop है जिसके अंदर मैं आपको जो नया बैच आ रहा है

01:03:26उसके बारे में सारे चीजे बताने वाला हूँ

01:03:28फुल स्टैक क्या होता है मान स्टैक और क्या क्या टेक्नोलीजी अपन पढ़ने वाले हैं

01:03:33क्या क्या प्रोजेक्स अपन देखने वाले हैं हर एक चीज उसमें मैं आपको explain करने वाला हूँ

01:03:38ठीक है तो वो workshop सिर्फ अपने नया बैच के लिए रखी गई है

01:03:43तो I hope कि आप सभी उसको join करोगे