📖 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-06T04:17:52+00:00
Duration: 44 min 24 s
Channel: skillwaala

skillwaala

2 days 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:25जितने भी स्ट्रेंट्स अपने क्लास जोइन करें वह एक बार रैस्पॉंस कर दू कि मेरी वाइस क्लियर है और स्क्रेंड में वीजिवल है आप सभी को

00:38तो आज अपन क्या डिसकस करने वाले है

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

01:37था ठीक है यह अपने पास इतव पैश अपना यह दूसरा यह यह मैं यहां पर कर लिता हूं मैं यहां पर अपने पर अन्दर पिंद के बादाए राओं और इंसको साइवक्न 599001

01:55लग ADAM तो यहां पर अपने बेक एंड को रणडर तर्ष to her से मैं यहां पर आकर अपने फ्रेंट

02:03एंड को रण्ते हूं मैं यहां पर अपने फ्रंट अंड पर ओर फन टैन पर आपने कर लिते हैं आप यहां फ़청 कर लो जाया

02:13इसको यहां पर run कर लो और check कर लो कहां तक अपने देख लिया था अब देखो यह जो चीजे अपने देखी थी वो अपने यह देखा था अपने पास अपने product थे मैं add to cart कर रहा हूं इसको अगर दो तीन बार कर रहा हूं तो भी अपने पास यहां पर perfectly सब चीजे चल रही हो�

02:43और जैसे आप यहां पर add to cart कर रहे हो तो वो cart में आपर आपके add हो रहा है अब basically क्या करना है पहले तो यह जो आपका cart है इस cart को आप save कर वाओगे अपने backend के अंदर ताकि यह database के अंदर save हो जाएगी यूजर ने जो user है उसने कौन-कौन से product यहां पर add कर रहा है तो यह का

03:13पर अपने को अपना जो रिडक्स का data है यह यहां पर अगर आप देखोगे तो complete data save का हो रहा है complete data आप store कहा करवाए हो complete करवाए हो आपके cart slice के अंदर जो आपने यहां पर cart नाम का यह इक initial state ले रखी है इसी के अंदर तो store हो रहा है जो अपने को cart में शुर हो रहा है जैस

03:43के अंदर आपका वो object यहाँ पर save हो रहा है अब basically करना क्या है अपने को यह data complete save करवाना है अपने backend के अंदर

03:52अब यह Redux में कैसे करोगे काम तो Redux में अगर अपने को backend में कुछ भी data भीजना है अपने slice के थ्रू तो उसके लिए जो अपने यूज लेता है वो अपने पास काम आता है अपना create a sync thunk

04:05create a sync thunk के थूरू अपन यहाँ पर क्या करते है अपना data यहाँ पर share करते हैं मतलब fetch अगर अपने को यहाँ पर लगाना है तो अपने इसी जो भी data है उस data को आप क्या करना चाहते हो बेजना चाहते हूँ

04:32तो मैं यहाँ पर एक

04:34create async thang को बुला लेता हूँ

04:37मैंने बुला create async thang

04:39और इसके अंदर अपन

04:41एक कुछ भी

04:43यहाँ पर text या फिर key कह सकते

04:46key को अपन यहाँ पर pass कर देते

04:47cart और save मैं यहाँ पर कह रहा हूँ

04:49कि मैं को cart का data यहाँ पर save कर वाना है

04:51second अपने पास इसके अंदर आता है

04:52अपना एक function जो अपन यहाँ पर create कर लेते हैं

04:55पहला सिर्फ एक क्या है

04:56text है जो अपन यहाँ पर pass कर रहे हैं कि

04:58अपना cart का जो data हूँ मैं यहाँ पर save कर रहा है चाता हूँ

05:00अब कौन सा data आप यहाँ पर भीजना चाते हूँ

05:04जो आपका यहाँ पर cart का data है

05:07और cart का data किसके अंदर आ रहा होगा आपका

05:09जो आपका cart का data हो complete किसमें आ रहा है

05:12जो आपका यहाँ पर आपने

05:14ठीक है यह आपने यह बना रहा है

05:18ओके

05:18wait a minute

05:34कि यहाँ पर अपना यह बना दिया लेकिन अपने को क्या करना अपना यह

05:54cart वाले data जो है वह store करवाना है

05:56चलो फरवा देते कोई शुनी है

05:59यहाँ पर देखो मैंने create a sing ठंक बुलाया और यहाँ पर अपना cart

06:02save करके अपने यहाँ पर पास करा है

06:03ठीक है और second अपने पास अपना एक function आता है

06:07अब इस function के अंदर ही

06:08यहाँ पर अपना जो fetch है वह यहाँ पर लगा देता हूं

06:11मैंने यहाँ पर लगा अपना fetch और fetch के अंदर मैंने करिया

06:14जो backend पे URL जाएगा वह पन यहाँ पर पास कर देते है

06:17slash API अपना prefix रहने वाला है

06:19slash API तो prefix है और मैं यहाँ पर कहा देता हूं

06:22cart और यहाँ पर slash save यहाँ पर क्या होगा अपना URL

06:26जो open backend पे fetch के तुरू यहाँ पर fit करवाने वाले है

06:29ठीक है फिर उसके बाद यहाँ पर और क्या चीज़े बेजते हो

06:33यहाँ पर अपना method भी बेजते हो

06:35method यहाँ पर क्या रहने वाला आपका

06:52application slash json ठीक है content type application slash json

06:59अपन यहाँ पर अपना पास कर देते हैं

07:01परफेक्ट ठीक है तो ये अपने यहाँ पर अपना ये create करा ये इसके थुरू यहाँ पर data आएगा और data अपन जो access करेंगे वो अपन यहाँ पर access करेंगे ठीक है मैं आपर कहता हूँ कि इस async thang के अंदर एक card data नाम का क्या आएगा

07:20parameter है इस parameter के अंदर अपने पास क्या आएगा कुछ ने कुछ data आने वाला है मतलब यह जो मैंने async thang को open क्या करते है एक variable में assign कर देते हैं मैं आपर कहता हूँ const और मैंने बुला save card ठीक है और यह क्या कर दिया

07:36save card ठीक है और इसको यहाँ पर एक variable में assign कर दो अब यह जो save card नाम का आपने यहाँ पर यह बनाया है complete अपना यह function ठीक है इस function के थ्रू ही आप यहाँ पर क्या करोगे इसको यहाँ पर सबसे पहले export कर लो क्योंकि किसी को अपन कहीं ने कहीं import करेंगे और इसके अंदर अप

08:06कर रहे हैं यहाँ अपना जोडार वोई इसके अंदर रहा है इसमें कुछ error

08:25इसके यहां तक का विल्कुल सफ़ह है ठीक है अब जो अपना kart है उस kaart के अंदर अपन जो अपना से कार्ट है उसको अपन यहाँ पर इंपूट कर लेते हैं

08:36ठीक है तो मैं यहाँ पर अपने save card को बला लेता हूँ अपने card के अंदर

08:40card के अंदर आ जाओ और save card को यहाँ पर बला लो

08:42ठीक है यह सारी चीज़ें आपने import कर रहे हैं

08:46card slice के अंदर से यहीं से मैं कहा देता हूँ

08:48अपना जो save card है, वो भी मैं यहाँ पर import कर लेता हूँ, ठीक है, तो इस save card के अंदर ही आपको क्या करना है, जो भी आपका यहाँ पर data आ रहा है, वो data आप यहाँ पर क्या कराना चाते हो, save करवाना चाते हो, ठीक है, तो वही dispatch की थूँ ही करोगे, और जो भी data है, वो आप य

09:18ठीक है, तो क्या करें अपन यहाँ पर, एक काम यह कर सकते हैं, कि अपन एक नया use effect ले लेते हैं, और उसके अंदर यहाँ पर create कर देता हूँ, और उसके अंदर अपन यहाँ पर क्या करते हैं, जो अपना यहाँ पर अपने अभी create कर रहा है, जो अपना save card है, उसको मैं यह

09:48तो save card को अपने आपर बुला लिया और इस save card के अंदर अपन क्या करेंगे अपना जो data है वो मैं आपर pass कर देता हूँ ठीक है तो save card के अंदर मैं कह देता हूँ जैसे अपने पास अपना card items करके मैं आपर एक key भीज रहा हूँ और उसके अंदर अपन क्या भीजेंगे जो अ�

10:18ठीक है total price के अंदर अपने यहां पर क्या भीज देंगे जो आपका card की जो यह और लेट टूटल आ रहा है ठीक है इसी के अंदर आपकी total price भी आ रही हो total quantity भी तो मैं यहां पर कहता हूँ कि मेरे पास जो card all total है उसमें से dot करके अपने यहां पर क्या निकाल लेंगे अपनी �

10:48quantity नाम की की और उसके अंदर मैं यहां पर किसको बेज देता हूँ जो मेरे पास यहां पर card all total आ रहा है उसमें से dot करके अपने यहां पर क्या करेंगे अपनी total quantity अपने यहां पर assign कर देंगे तो यह जब अपना dispatch work करेगा तब अपने पास क्या होगा अपना data जाएगा यहां

11:18पर अपनी dependency past कर देता हूँ जिसमें मैं यहां पर कहता हूँ card data update हो second मैं आपर कहता हूँ जो अपना cart all total है वो update हो और दूसरा मैं आपर कहता हूँ dispatch ठीक है यह तीन चीज मैं यहां पर पास कर देता हूँ ताक की जब अपना यहांपर यह वाली चीज़ अपडेट होगी त

11:48आने वाला है ठीक है ये जो अपने का रखा है इसी के अंदर आपका क्या आएगा डेटा आएगा ठीक है तो ये तो बात हो गई इस चीज की अब अपने को क्या करना है ये डेटा अपने पास इस काड़ डेटा के अंदर आ रहा होगा तो इस डेटा को अपन यहाँ पर बॉ�

12:18back end का तो सारा वही concept रहने वाला है

12:20जो आप तो use कर रहे थे

12:21slash card slash save वाले url पर आपको back end पे

12:24hit करवाना है तो जल्दी से

12:26अपने back end पे आ और hit करवा के देखो की

12:28data आ रहा है या नहीं आ रहा है तो

12:30मैं back end पे आता हूँ और back end पे

12:32अपना आ जाते हैं अपने

12:33routes पे

12:35api.gs के उपर और यहां पर

12:37अपना एक नया

12:38api बना लेते हैं ठीक है

12:40api routes.post की आपके यहां पर create होगी

12:45और उसके अंदर जो url है वो

12:47slash card slash save रहने वाला है

12:49और जो अपना admin controller

12:51नहीं, admin controller नहीं है यह user

12:53controller में ही जाएगा और user

12:55controller के अंदर अपन यहां पर

12:56एक अपना नया controller अपन यहां पर

12:59create कर देते हैं ठीक है

13:00जो अपना user controller है उसी के अंदर अपना

13:02एक नया controller यहां पर बन जाएगा जिसको अपन यहां पर

13:05कहते है जिसे save card controller कुछ भी बना लो

13:07ठीक है तो मैं यहां पर आ जाता हूँ

13:09अपने किस के उपर, controller के उपर, user.js के उपर, और यहां पर आके एक नया controller बना लो, यह user query controller है, और यहां पर आके अपन बनाते हैं अपना एक नया controller, जिसको मैं आपर कहता हूँ, save cart data controller, ठीक है, यह मैंने यहां पर क्या कर दिया, अपना create कर दिया, perfect, और यहां पर अपन देख

13:39यहां पर अपना लगा तेखाने trai और कैच और एक बार के लिए यहां पर console कर रबाकर दिखो इसको request.body

13:47को perfect request.body को पर यहां पर console करा लेते हैं और मैं यहां से आपना save

13:56card data controller इसको यहां से export कर देते हैं और यहां पर आके, इसको क्यां गर लेता है अपना

14:02परफेक्ट यहां तक की process बल्कुल easy है यह कुछ ही नहीं किया अपने अपने यहां पर dispatch वर्क करेगा जिससे save card वाला जो आपका असिंग ठंक है वह वर्क करेगा अगर यह वर्क करेगा तो आपका इसके card data इस parameter के अंदर वह सारा data आने वाला है और उसको अपन यहां पर क्या

14:32तो काट करा, ओऊंई टो काट करा, और मैनने तो यहां पर पिल्टा, तहरा है तो तीन और देटा है, तो तीन और यहां पर यहां पर आ पर आपके बैकेंड की उपर आ रहे हैं।

14:40पर आ रहे हैं तो तीनों चीजें अपने पास बैकेंड पर आ रही है ठीक है तीनों लोप फीट हो रहे हैं तो फिर उसके बाद एपल फिर माउस लेक्ट में पर

15:03एक पल रिपीट होता जाना रहा है डेटा बार-बार पहच होता जाना रहा है तो छलो यहाँ पर तो यहाँ तका

15:08तो बिल्कुल सही है यहाँ कोई issue हो गई नहीं मिरे साब से अब को क्या करना है यहां से अपने data को

15:15सेव करवाना चाते है किसके अंदर अपने बैकेंड के अंदर तो बैकेंड के अंदर अपनी डेटा को यहां पर क्या कर लो सेव करवा लो चीक है तो किस पर आना पड़ेगा अपने को अपने

15:23कंट्रोलर के पढ़ाना पड़ेगा तो जल्दी से अपने कंट्रोलर पर जाते हैं और इसको सेव बपा देते हैं

15:33कि यहां तक किसी को कोई डाउट

15:44कि यहां तक किसी को कोई डाउट

15:53कि यहां तक कि यहां तक कि यहां तक कि अपने को क्या करना है और उसको क्या करवाना है

16:21यहां पर सेव करवाना है तो सेव करवा दो जल्दी से यह फैस तो आपने लगाई दिया

16:27यह आपका user.js रहा है जिसके अंदर आपका request.body के अंदर डेटा आ रहा है ठीक है अगर आप डेटा देखोगे तो डेटा के अंदर क्या क्या चीज़ा आ रही है एक बाद चेक कर लो

16:36आपको आप ब्लैंक की आ रहा है क्योंकि अपने request.body करवा रखा है इसमें से important चीज़े निकाल लो आपको एक तो क्या चीज़ है product का यहाँ पर निकाल लो आपका name निकाल लो यही important है

16:48नहीं तो product का name की requirement नहीं है price की भी requirement नहीं रहेगी ठीक है आपको सिर्फ requirement है तो किस चीज़ की

16:59total quantity क्या है total price क्या है ठीक है और क्या क्या चीज़े बेज रहे है पनिया पर

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

17:38जाकरा आईफोन 15 तो यहां पर अगर आप देखोगे तो डेटा कुछ इस तरीके से आरहा है काट आइटम आ रहा है आपके बास ठीक है तो मैं काट आइटम के अंदर नहीं है की आरी डिंदर आपको कम्प्रीट एयरे ओफ व अब्जेक्ट आ रहा है ठीक है तो यहां पर �

18:08एक तो क्या आ रहा है अपने पास अपना

18:09cart

18:11items ये भेजा है

18:14दूसरा आपने यहाँ पर जो भेजा है

18:16वो भेजा है अपने यहाँ पर total

18:18price और एक आपने भेजा है total

18:20quantity तीनों चीज़ों को निकाल लो

18:22मैं यहाँ पर कहता हूँ total

18:23अपने पास क्या रही है अपनी price

18:26तो मैं आप अगया दो total price

18:27और यहाँ पर क्या रहा है total

18:29quantity

18:30अभी के लिए

18:34यही चीज़े store करवा रहा हूँ वाकि फिर अपन

18:36जैसे इसके अंदर क्या करेंगे अपना

18:37जो अपने पास

18:40सही लिख लेना

18:41spelling total quantity

18:43यह अपने request.body के अंदर

18:46आ रहा है अब अपने को क्या करना है

18:48यह data अपने को अपने

18:50model के अंदर save करवाना है

18:52यह जो data है यह अपने

18:53model के अंदर अपने पास यहाँ पर क्या होना चाहिए

18:56save होना चाहिए

18:57ठीक है तो जल्दी से अपन इसको

19:00store करवा देते हैं कोई दिक्कती नहीं है

19:02तो

19:16जल्दी से इस प्रोडक्ट वाले को ही मैं आपको कॉपी कर लेता हूं और इसी को यूज कर लेते पना के

19:20काड़ जी एस के अंदर आ जाओ और यहां पर इसको पेस्ट कर दो वह रिक्वाइर कर रखा है मंगो इसको मॉडल स्कीमा परफेक्ट यहां पर प्रोड़क्ट

19:30� Taking decided to All We Can

19:47जो अपने पास है उसको पन यहां पर पास कर देखेधे

19:52परफेक्ट तिक अब उसके बाद आपको यहां पर क्या क्या क्या फिल्ड आ

19:58है ऐइतमिंश और एक मैं आपर कहता हूं कार्टल � pytanie यंप यह

20:05पर यांपन पर का कर देखा बिया ओर इसे ही अपने पास क्या रही है एक टूटल ठाका

20:27ठीक है और उसको भी अपन यहाँ पर क्या करेते हैं नमबर में ही रहेगी वो परफेक्ट तो इसी के अंदर अपने को क्या करना एं उस पूरे complete data को store करवाना है कि मतलब जो भी data मेरे पास यहाँ पर है वो complete data इसके अंदर अपने पास यहाँ पर क्या हो जाना चाहिए अपना

20:57ठीक है अब यहां अपना आते हैं अपने यूजर डॉट जीएस के उपर और यहां पर आके अपन क्या करते हैं जो अपने पास अपना अपने मॉडल बनाया उसको रिक्वाइर कर लेता हूं मैं यहां पर जल्दी चाहिए

21:14मैं आपके ताहूं रिक्वायर और रिक्वाइर अपन कर लेते हैं इसको . si models के अंदर कौन सा है आपके पास यहां पर आपका काट इसको मैं यहां पर बूला देता हूं ठीक है और इसको एक वेरीविएवल मैं साइन कर दो आप बोलोगे हैं आपकिया

21:38कार्ट कलेक्शन

21:40ठीक है cart collection के देते हैं अपन यहाँ पर और इस cart collection के अंदर ही आपको क्या करना है अपना data यहाँ पर store करवाना है

21:50तो जलदी से यहां पर अपना डीटा है इटा करवा दो ये जो भी डीटा और उसको पने आपर ही आपस तो आपको पर कर देते हैं अपको

22:13आपको पता हूँ तो पने की सेम दी है तो काट आइटम्स अपने पास यहां पर आ रहा है दूसरा अपने यहां पर कहा देते हैं अपनी जो टूटल प्राइज है और तीसरा मैं यहां पर कहता हूँ अपने पास यहां पर कहा अपनी टूटल कॉंटिटी है यह तीनों चीज�

22:43अपना तहीं bestset कुहारो आपको यहां पर लगा नहीं है तो यहां पर अपना प्रसुन हो यहां पर तो हमेंगे म्यूदीर लगा तो

22:53यहां पर मैंने अपना अवेट लगा दिया और यहां पर अपना सिंख लगा तो

22:57पर्फेक्ट इसमें तो कोई दिक्कत होगी नी इब देखो यहाँपर आपना डेटा यहाँपर सेव हो रहा है या नहीं हो रहा Хорошо

23:04चीक है यहाँपर आता हूं और चेकरतों कि हैंपर से ड्रेटा यहाँफर

23:24यहां तक का तो पुरा सही होगा एक बार देख लूग रैश रैश तो नहीं होगा कुछ परफेक्ट है यह जो है यह आपका डेटा आपके उसके अंदर सेव हो जाना चीए तो मैं यहां पर अपना जो कॉम पास है वह यहां पर अपन उपन कर लेते एक बार के लिए

23:38और चेक करते कि अपना डेटा यहां पर सेव हो रहा है यह नहीं हो रहा है अपन यहां के कमपास

24:00अपन यहां के कमपास

24:08यहां यहां आपके लाज है

24:20अपना आपके लाजी

24:23यहां यहां यहां यहां यहां दो का लाज़ है

24:38करो इसको और यही है अपने पास कार्ट वाला अपने पास यहां पर क्रियेट हो चुका है ठीक है कार्ट में आके अगर अपन चेक करेंगे

25:04तो यहां पर अपना डेटा होना चीए था है लेकिन डेटा स्टूर्ण नहीं हुआ है इतना स्टू कैसे चल रहा है तो रिफ्रेश्ट करो रिफ्रेश्ट करो रिफ्रेश्ट करो

25:18यहां पर आओ और इक काम करो इसको डायरेक्ली मत भेजो यहां पर आप बोलो कि काट आइटम के अंदर क्या चला जाना चाहिए जो आपका

25:41काट आइटम वो डायरेक्ली एक्सेस नहीं कर पारा में भी और यहां पर अपन कहते हैं कि इसके अंदर क्या चला जाना चाहिए जो आपका यहां पर टूटल प्राइटम सारी चीज़ एक बार चेक करते हैं कि अब अपने पास परफेक्ली चल रहा है या नहीं चल रहा

26:11हुआ है यहां पर आते हैं और जल्दी से इसको आट टू काट करके देखते हैं मैं आट टू काट करा और यहां पर अपन चेक करते हैं कि तो प्रोड़क्ट अपने आपर काट के अंदर है और

26:38के यहां पर आके अगर आपर अपर और यहां पर आ चीए यलों वह डेटा इहाँ पर अपना आ रहा है कार्थ अवाइटम हैं जिसके अंदर जीरो पे यह है बन पे यह है ठीक है और मुबाईल है लैक मी की है यह दो चीजें आपने अट कर रखी में फिर से आप देखोगे

27:08तो अपना कार्ट का डीटा जो है वह यहां पर अपना सेव रहा है आप रिफ्रेश करके देखो बार बार बार दो नहीं हो रहा है अब जेक्ट आईडी सी 2

27:19c4 c6 ॉप आईडी अलग पर से टायन है कि ऐग के चलो यह देखते ही क्या इश्यू आरा

27:30बार-बार सही होने वाला अब देखो सब कुछ सही है यहां पर अपका। यूझर वाला

27:35उसको आस उपन करो और यहां से क्या करो अपना रइस्पूंस भी बीच दो मैं जो अपना

27:41controller रहे यूजर डॉट जी इस को यहां पर ऊपन कर लो और यहांज से पन

27:45में अपना रेस्पोंस बीज देते जल्दी से ठीक है अगर यहां पर सक्सेस्फुली से हो रहा है तो इहां पर एक मैसंज में यहां पर यहां पर कह देता हूं

28:06क्या हो रहा है यह अपने पास अपना जो कार्ट है वह यहां पर अपने क्या देते हैं सेंफिसि

28:27टोकन्स की बेसिस पर भी काम करवाना पड़ेगा तो के बेसिट वाला काम पर इसके साओ कि यहां पर निकालो

28:43लो जहाँ आप यूज करते हों तो काट स्लाइस के उपर आ जाता हूं है और काट अट topics यहाँ पर अपना ये फैच लगा रहे

28:51अपने थंके थ्रू च्टिक है और सिकर Ja centrally 넣 पर मैं सांबर्स के ळिरूंज कर दो

28:58यहां पर मैं इसको एक वेरीबल कर देता हूं और यहां पर पर अपना रैस्पांस ठीक है वोई तो आपको लगा नहीं है तो यह जो फंक्शन है इसको एंकुर्णस

29:16function में convert कर दो यह आपका असिंग function हो जाएगा ठीक है और ये जो आपके पास आपका फैच आ रहा है है इसको पर यहां पर क्या कह देते हैं इस पर मैं लगा देता हूपना

29:28ठीक है अब आपके पास क्या है रहा है रहा है response तो इस response को अगर कर लो मैं इस response को कर दो

29:33convert response.json

29:37ठीक है

29:37और उसके आगे आप यहाँ पर क्या लगाते हो

29:40अब यह जो आपने अपने

29:42असिंग ठंग के अंदर बनाया है

29:44इस response को आप यहाँ पर

29:46console ना करवाओ

29:48या तो यह console करवा लो एक बार के लिए मैं कहा देता हूँ

29:50const data

29:51ठीक है data नाम का अपने यहाँ पर देखा

29:53और एक बार के लिए मैं यहाँ पर इसको console करा देता हूँ

29:56कि इसको अपनी data को

29:57ठीक है एक बार के लिए console कराके देखते

29:59कि क्या अपने पास response आने वाला है

30:02इसका तो यहाँ पर अपन

30:03इसको inspect करते हैं और inspect करके

30:06जल्दी से console में आते हैं, ठीक है, और console में आके अपन add to cart करते हैं, मैंना add to cart करा, और यहाँ पर आके मैं इसको check करता हूँ, ठीक है, तो cart save successfully अपने पास अपना message यहाँ पर आ रहा है, ठीक है, तीन बार क्यों आ रहा है, इसका reason में बता हुआ, क्या issue आ रहा है, कुछ तो issue है

30:36जो cart का data है, वो यहाँ पर क्या हो जाना चाहिए, save हो जाना चाहिए, अपने, किस के अंदर, अपने back end के अंदर, तो back end में अपने cart के data को save करवा दिया,

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

31:16कर दोज़ चाहिए, नहीं है, थाहिए, अपने दो जाना चाहिए, था रहे ज़्य वद्यूस्ट्थर जाना चाहिए, जाना चाहिए.

31:46कि यहां तक की चीज़ें सभी को क्लिए रहे

32:07कि लिए सर्व इस ब्रेक हो रही थी

32:16अभी भी वह इसका इश्यू आ रहा है एक बार रैस्पॉंस कर दो वह इसका इश्यू आ रहा है यह नहीं आ रहा लैप्टूप को चार्ज लगाते हैं

32:26कि अ

32:28कि अ

32:30कि अ

32:38कि

32:46कि अ

33:16बढ म्यूंस कर दो

33:17कि म में रहा है यह रहा है यह बडूप

33:17कि अ

33:18कि अ

33:19कि अ

33:19झाल झाल

33:49ठीक है नेक्स्ट अगे चलते हैं अब देखो यह अपना completed है यहाँ पर जो अपने काम किया अपने काम करते हैं अब अपन

34:00यहाँ अपने को देखना पड़ेगा क्योंकि अब अपने को आईडी के बेसिस पर काम करवाना पड़ेगा कि जो भी यूजर की आईडी रही उसके बेसिस पर काम होना चाहिए

34:12तो उससे पहले अपने काम करते हैं अपना सर्च वाला काम यहाँ पर complete कर लेते हैं यह जो अपना front end का जो यह project दीखरा है इसके अंदर अपन यहाँ पर search वाला जो काम है वो अपने यहाँ पर complete कर लेते हैं

34:28सर्च वाला भी तो है यहां पर जैसे मैं क्लिक करूँ तो क्लिक करते ही अपने पास यहां पर क्या होना चीए अपने जो प्रोडक्ट से वह अपने पास यहां पर आने चीए मतलब जो भी मैं सर्च करूँ वह सारे प्रोडक्ट यहां पर अपने को शो होने चीए तो कैसे कर�

34:58तो यहां पर अपने को क्या करना है अपना सर्च वाला उप्शन अपने को यहां पर लगाना है

35:25मतलब जैसे मैं इस पर क्लिक करूँ तो यहां पर क्लिक करते ही अपन यहां पर जूर भी सर्च करें वो अपने पूंचे करने पर यह एक नया इंटरेश उपन करे दो इस तरीक से

35:50फिर यहां पर आप जो भी search करोगे जैसे माला आपने बुला अपना coffee चिक है तो जैसे आपने coffee search करा तो यह सारे coffee के product यहां पर दिखा देगा आप इसको close कर सकते हो तो same अपन यहां पर create करते हैं मतब जैसे मैं इसे पर click करूँ तो click करते ही एक नया interface यहां पर open हो जाए चाह

36:20तो GIS60 यहां पर उन्या अपणख करेंगे तो चलोजले इसको 스� प्र jaасибо कर लो तो यहां पर अपना सब्सक्राइट करें

36:38को सब्सक्राइब यह सर्च रेट करने देदा अपर यह कब आना चाहिए जब अपन उसके उपर क्लिक करें घश

36:44करें मतलब जो आपका input है नेव बार के अंदर ये रहा आपका नेव बार ठीक है और इस नेव बार के अंदर अपने पास सर्च वाला ये रहा आ फार्च करके

37:06कि सब ब्रेक हो रही है वोईस का इश्यू सभी क्या रहा रही है

37:11यह सर ठीक है

37:28वो इसका इशू के से आ रहा है

37:41यह सर रहा है

38:11अभी भी वो इसका इशू आ रहा है

38:37अभी भी वो इसका इशू आ रहा है गया

38:37सब्रीक रहा है वो इस नहीं आरी ठीक है

38:59ठीक है

38:59अभी वो इसका इशू आरी

39:10अभी वो इसका इशू

39:29कि एक बार सब रैस्पॉंस कर दो कि अभी भी वह इसका इशू है या फिर सॉल्फ हो गया क्योंकि कुछ बदा नहीं चल रहा है वह इसका इशू तो कैसे आ सकता है

39:56कि

39:59अभी के लिए रहे ठीक है तो देखो यहां पर अपने को क्या करना है जैसे ही मैं यह जो मेरे पास यहां पर अपना नैव बार है यह जो अपना नैव बार है इसके उपर अपन जैसे यहां पर क्या करें क्लिक करें जो अपना यहां पर यह बॉक्स दिख रहा है यह जो अपन

40:29अपनी यहां पर नया बना दें,

40:31सर्ज जेटा वाला,

40:32यह component अपने को यहां पर दिखाना थे,

40:34ठीक है?

40:35तो यह काम अपने को यहां पर करना है,

40:38तो जल्दी चल्दी से,

40:38अपने एक काम करते हैं,

40:43क्या करें और वो काम,

40:45एक बार इदर आ जो,

40:46यहांपर ते कोई Yuk cultivar अपने बना रखिए इसके उपर क्लिक करने पर अपने कुई काम करवाना है और क्लिक करते ही अपने को वी दिखाना है तो ओन

40:54फोकस के उपर मैं काम करता हूं यहां पर अपना ओन फोकस लगा देते और ओन फोकस के उपर अपन यहां पर अपना दिखा देते जल्दी से अपना इंपूट जो सर्च डीटा वाला जो कॉंपोनेंट वो ठीक है तो मैं यहां पर क्या करता हूं उपना एक यूज स्टेट अ

41:24यहां पर इसको क्या कर रहा हूं फौल स कर रहा हूं

41:44ऊब वह इस क्लियर नहीं है वापस ब्रीक हो रही है सर्र वह इसके अंदर

41:51वो इसका इशू फिर आ रहा है चुछ लो कोई बात नहीं है आज की क्लास अपने इतनी रखते है क्योंकि इस इशू को मैं सौल भी नहीं कर पा रहा तो एक काम करना मैं आपको अटेंडेंस के पॉइंट वन और पॉइंट टू बता देता हूं अटेंडेंस के पॉइंट वन

42:21के पॉइंट वन के अंदर आपको क्या मैंशन करना है काट यह अटेंडेंस का पॉइंट वन है ठीक है अटेंडेंस के पॉइंट वन के अंदर आपको क्या मैंशन करना है अपना काट यहां पर आपको मैंशन करना है इसी के साथ अटेंडेंस का पॉइंट टू क्या है वह �

42:51करना है ठीक है बाखी का जो प्रोजेक्ट है वोपन कल कंट्यूनियु करेंगे

42:59क्योंकि वोईस का इशू आ रहा है सिस्टम को रिस्टार्ट भी नहीं कर सकते

43:03यह तो क्लास लीव हो जाएगी और रिकॉर्डिंग ओफ हो जाएगी

43:06ठीक है आप यहां तक का प्रोजेक्ट एक बार कंप्लीट बनाना जो अपने

43:15क्रियेट असिंग थंक अपने आप नई चीज़ देखिए उसके थ्रू

43:36अगर कोई भी डाउट हो तो आपने डाउट यहां पर पूछ सकते हो अभी तक जो चीज़ अपने देखिए है

43:41उस चीज़ के अंदर अगर कोई भी डाउट हो तो अपने डाउट आप यहां पर पूछ सकते हो

43:46ठीक है चलो अगर किसी को कोई भी डाउट नहीं है तो बाकी की क्लास अपन कल कंटिन्यू करते हैं अपनी जो आगे का प्रोजेक्ट है वो ठीक है

44:08मिलते हैं फिर अपन अपनी कल वाली क्लास के अंदर बाई बाई एवरीवन एंट टेक केर ओल सभी अपना ध्यान रखो बाई बाई