📖 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-17T11:02:18+00:00
Duration: 45 min 49 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:30गोड़ीवनिंग लिफा, कैस्ट, अर्जुन, तानिया, शेगल, अर्जुन

00:39सर, मोंगो डीवी अटलेस कैसे यूज करेंगे, सर, और वर्सल पर डिपलोई कैसे करेंगे, यस बिल्कुल मैं आपको अभी बताता हूँ, एक मैं आपको गाइड करूँगा कि किस तरीके से करना है, आप इन चीजों को सीखो अप, क्योंकि आप डेवलोप्मेंट सीख रहे ह

01:09तो ऐसे और भी अगर क्यूशन आए इन फ्यूचर में, क्योंकि यह अपना लास्ट क्लास है, अज अपने इस बैच की, अपने शुरू से लेके HTML से अपनी जर्नी स्टार्ट करी थी, HTML, CSS, JavaScript अपने सीखी, अपने React सीखा, अपने अपने Redux सीखा, अपने Material UI सीखा, अपने Telev

01:39क्योंकि जो duration होती है, course हमीशा आपको इसा भी course कर लो, ठीक है, मैं यह नहीं गरा कि आप मान स्टैक कर रहो, आप government job की भी preparation करते हो, तो सिर्फ course करना ही उसकी preparation नहीं होती, आपको खुद के efforts लगाने पड़ते हैं, तो आपको खुद के efforts लगाने हैं, चीजों को और अच्�

02:09ठीक है, वो जरूरी है, तो चलो अपन आगे आज देखते हैं, अपन अपने project पे ही discuss कर लेते हैं, वेटे मिनिट गाइस,

02:39ठीक है, तो चलो अपन स्टार्ट करते हैं, अपना जाते हैं अपने VS school के उपर,

03:09ठीक है, ठीक है, ये तना slow कैसे चल रहा है, एक बार के लिए सारे चीजे बंद कर दो, आप यहां से,

03:23सब चीजे बंद कर दो और अपने backend को भी बंद कर दो, फ्रेंट एंड को भी एक बार के लिए आप close ही कर दो,

03:32ठीक है ये लो ये अपना front end का है इसको भी अपन यहाँ पर close कर लेते है ये अपना back end हो गए ये front end हो गए ठीक है

03:42मैं यापर run कर लेता हूँ उसको जल्दी से cd करके आजाते है अपन अपने front end के उपड़ आजाते है चीक है और

03:50यहां पर अपने इसको run कर लेते हैं npm run और देव अपना front end यहां पर run हो जाएगा

03:57same as a huge CD करके मैं यहां पर किसमेन जाता हूं अपने back end के अंदर आ जाता हूं चीं है

04:03और अपने इसको भी run कर लेते हैं npm run और Serveer run ठाहिए तो चलो उस्थ को यहां पर run कर लेते हैं

04:12यह अपना front end यहाँ पर run हो गया

04:20कल अपने payment का देखा था

04:23कि अपने payment कैसे किया

04:24जो भी यहाँ पर user login कर रखा है

04:26उस user के basis पर अपने payment करवाया

04:28इसी के साथ इसके अंदर आपको एक काम यह भी करना था

04:31कि यहाँ पर यह जो user है

04:33यह जो check out कर रहा है

04:34तो उससे पहले आपको उसकी details लेनी है

04:37ठीक है, सारी details आपको लेनी है

04:38उसके बाद उसको क्या करवाना है

04:40pay now का button देना है

04:42ठीक है, directly pay करवा देंगे

04:44तो फिर order कहाँ place करना है

04:46उसकी location क्या है, वो सारी चीज़ दो पने लीनी

04:48तो उसके लिए आपको एक और page बनाना है

04:50वो page आप बना लेना

04:51tellwind css use करके बनाना है

04:53एक नया page आना चाहिए

04:54उस page के अंदर आपको सिर्फ सारी चीज़े देनी है

04:57और फिर उसके बाद next step पे आपको भीजना है

05:01ठीक है, तो page बनाना है

05:02easy सा काम है, बहुत easy है

05:04बस वो page आपको दिखाना है

05:05और वो page की सारी details

05:07database के अंदर save होनी चीज़े है

05:08ठीक है, और admin को आप दिखा सकते हैं

05:11वो details, perfect

05:12ये छुटे-छुटे काम है, ये crowd operation से related काम है

05:15इसलिए मैंने नहीं बताया है

05:16crowd operation अब आपको बहुत अच्छे सा आता है

05:18crowd आप तो आप बिल्कुल easy तरीके से आप कर सकते हैं

05:21जो जो नहीं चीज़े थी वो सारी मैंने या पर बताईए आपको

05:24ठीक है, अब देखो

05:25यहां तक का बिल्कुल perfect है अपने check out करा

05:28check out करते ही, यहां पर अपना एक function work कर रहा है

05:30और वो कौन सा function work कर रहा है अपन देख लेते हैं

05:33src में आ जाते है और अपन pages में card की उपर में यहां पर आ जाता हूँ

05:36handle payment में यहां पर work कर रहा है

05:38अब यह handle payment यहां पर क्या कर रहा है

05:42अपना pay करने का काम कर रहा है, इसके अंदर अपने amount ले लिया

05:45अब यह amount क्या है जो अपने card का total amount है

05:48currency के अंदर अपने देदिया कि मेरे पास इंडियन रुपीज की currency रहने वाली है

05:51और receipt में अपने यहां पर back end पे बेजने के लिए

05:54एक identify अपने यहां पर एक order को identify करने के लिए अपने एक receipt बनाई है

05:59तो हमेशा आप एक नई receipt बेज सकते हो

06:02हमेशा एक नई receipt generate करके यहां से बेज सकते हो

06:04जो आप बीजना चाहो तो चीक है

06:06तो एक नया generate करने का code आप बना सकते हो

06:09अगर आप बनाना चाहो तो

06:10code को और अच्छा बनाने के लिए better बनाने के लिए

06:13फिर उसके बाद अपने हाँ पर क्या किया अपना एक फैच लगा है जिसमें अपना order create हो रहा है उसके अंदर अपने

06:19अपना amount, currency और receipt अपने भेज दी ठीक है तो यहाँ पर एक नया रेजरपी का अपना क्या होगा

06:27order create होगा आपने back end के उपर तो जल्दी से अपन back end पर आके चक करता है जैसे मैं यहाँ पर आता हूँ और अपना जाते हैं back end के उपर

06:33और app.js नहीं API.js के उपर आ जाओ ठीक है यहाँ API.js के उपर आ जाओ और यहाँ पर जो अपना order है वो कहां से create हो रहा है

06:44इस create order के थूँ तो यह रापका order controller यहाँ पर आपका order create होने वाला है यह रापका order जहाँ पर आपने उन सब चीजों को

06:52access किया और अपने reserve के through यहाँ पर आपने के किया इस request के basis पर जो data आ रहा है उसके basis पर आपने order यहाँ पर create कर दिया तो यह पहला काम order create करने का था फिर से मैं यहाँ पर

07:04card पर आऊँगा, तो यहाँ पर अपने order create करा, फिर अपने पास कुछ response आ रहा होगा, वो response अपने order को response में भीजा है, अगर आप देखोगे तो, तो यह अपना order response में आ रहा है, उसको अपने यहाँ पर get कर लिया, ठीक है, फिर उसको return कर दिया, response को अपने यहाँ पर get कर लिय

07:34से आता है ठीक है तो यहाँ पर अपन कुछ चीजे असाइन करते हैं एक तो की असाइन करते हैं कंपल सरी है रेजर पे के टेस्ट के लिए अपन यहाँ पर जो की यूज कर रहे है वो अपन यहाँ पर असाइन कर रहे है ठीक है और उसके बाद अपने अमाउंट लिया है जो �

08:04फिर उसके बाद order ID है, order ID आपने पास कहां से आ रही है, जब आप razor pay का order create करें तो यहाँ पर आपकी order ID भी create हो रही है, इस order के अंदर, यह जो आपका order है, इसके अंदर आपकी razor pay की ID जनरेट हो रही है, वो अपने यहाँ पर pass कर दी, फिर उसके बाद अपने अपने एक handle लग

08:34यहाँ पर मिलती है, इसमें जो response आता है, इस handler के अंदर, यह callback है, जो पर ने यहाँ पर create करा, और इसके अंदर अपने पास तीन चीज़ आती है, एक तो razor pay की order ID, एक razor pay का payment ID, और एक razor pay का signature, तीन चीज़ आती है, इसी के साथ मैं यहाँ पर token और user ID भी निकाल ली, क्योंकि

09:04निकाला, क्योंकि अपन वहाँ पर अपना auth लगा रहे है, तो auth के लिए मैंने यहाँ पर अपने authorization में अपना token भी यहाँ पर pass कर दिया, header के अंदर, ठीक है, यहाँ तक कोई issue नहीं है, फिर उसके बाद अपने backend के उपर वो ही सारी process हो रही है, ठीक है, backend पर अपने क्या किय

09:34यह रहा अपना कहां पर गया, order controller है, यह रहा verify controller, चीक है, तो यह controller क्या काम करेगा, verify controller, verify controller अपने पास जो भी front end से अपने पास यहाँ पर payment details आई है, मतलब जो अपने पास razor pay की order ID आई है, यह सारी चीज़े पर यहाँ पर क्या करेंगे, get करेंगे, चीक है, उसके अलावा प

10:04key के basis पे, secret की आपने देखी हो, तो यहाँ पर अपने secret key भी पास करी है, यह रही आपकी secret की, तो इस secret key के basis पे अपन सेम signature यहाँ पर generate कर रहे है, ठीक है, और फिर उस signature को अपन compare कर रहे है, अपने razor pay के दिये हुए signature के साथ, ठीक है, तो यह जो razor pay का signature आ रहा है, इसके थू�

10:34और अगर नहीं होता, तो इसका मतलब वो fake है, अगर signature मीच होता है, तो यहाँ पर original payment है, और अगर नहीं है, तो यहाँ पर अपने पास fake है, ताकि कोई bypass ना गर पाये stage को, इसलिए अपन यहाँ पर signature से verify कर रहे है, मतलब जो अपने पास यहाँ पर secret key है, वो सिर्फ अपने �

11:04एक नया signature generate कराया, ताकि मैं compare करवा सकू, कि मेरे पास जो यहाँ पर order के time जो signature generate हो क्या रहे है, और जो मैंने यहाँ पर अपने secret key के basis पर जो signature बनाया है, वो same है या नहीं है, और अगर same है, तो अपन यहाँ पर क्या करेंगे, same है, तो उसके basis पर अपन यहाँ पर उसका order generate क

11:34हो जायागा अपना, उसके बाद अपने हाँ पर उसको save करवा दिया, और response पर अपने भीज दिया payment successfully, क्योंकि यह काम हो रहा है, और अगर नहीं हो रहा तो अपन बेजर payment verify failed, टीक है, अब यहाँ पर आगे अगर आप देखोगे तो response अपने निकाला, उसमें मैंने बोल दि

12:04आपके पास प्रिफिल चीज़े ये भी होती है, जो आप यहाँ पर pass कर सकते हो, टीक है, प्रिफिल के अंदर जो अपने चीज़ी दिये, वो user की details होती है, जो आप दे सकते हो, जब आप payment करोगे तो वो payment के time वो सारी details उसके पास चली जाएगी, कि यह इस user ने आपर payment करा ह

12:34जैसे आपको मालो की आप यहाँ पर successfully payment करवा रहे हो, और यहाँ पर आपको क्या करना है, उस user का ही देना है, तो उस user ID के basis पे उसका ही data निकाल के लिए हो, जिसने payment किया है, उसी का name आना चीज़ी, उसी की email आनी चीज़ी और उसी का contact number यहाँ पर आना चीज़ी है, ठीक है

13:04क्योंकि तो मैंने अपना script लगा है, इस script को लगा के ही अपने यहाँ पर क्या किया है, window में से dot करके अपना razor पे निकाला और उसमें अपना options को pass कर दिया, जो अपने option create करा है, अपने order को create होने पे, ठीक है, तो यह जो option अपने create करा है, उसको अपने किसमें pass कर दिया, अप

13:34यहाँ पर कर दिया, तो यहाँ पर यह methods है, जो अपने इस में से, जो अपने script tag लगा है, इस में से, ठीक है, तो यह रेजर पे का ही है, rule जो अपने यहाँ पर follow कर रहे है, और यहाँ पर अपना successfully payment हो रहा है, ज़्यादा बड़ा अपने यहाँ पर code नहीं लिकाता है, इसक

14:04ठीक है, जी, sir clear है, okay, sir clear है, ठीक है, okay, done, ठीक है, उसके अलावा बात आती है अपने पास, और क्या चीज़े, जैसे आपको admin का यहाँ पर काम करवाना है, ठीक है, तो admin का काम करवाने के लिए,

14:32सबसे पहले तो आपको क्या करना पड़ेगा, admin अपन directly access कर पा रहे है अभी के लिए तो, अगर आप देख रहे हो तो अपन directly access कर पा रहे है, यहाँ पर आओ, मैं इसको close करता हूँ, logout भी कर देता हूँ, कोई ज़रूप नहीं इसकी, और यहाँ पर आ जाओ, और एक अपन

15:02URL तो आदेगा, या तो अपन URL प्रोवाइड कर सकते है, पहला काम तो यह, या फिर उसके लिए एक नया login बना सकते है, या फिर यहाँ पर यह जो login है, यहीं से admin login कर सकता है, यह काम भी करवा सकते है, जैसे मालो मैं एक registration कर देता हूँ, और यहाँ पर मैंने कह दिया, कि यह

15:32तो यहाँ पर वो register हो चुका है, ठीक है, अब अपने को क्या करना है, अगर admin की mail ID से, क्योंकि उसकी mail ID होगी, वो यहाँ पर pass करेगा, उसके बाद वो यहाँ पर अपना password पास करेगा, ठीक है, और वो क्या करेगा, यहाँ पर login करेगा, तो अपन यहाँ पर condition लगा देते है

16:02तो जहाँ पर आप login करा रहे हो, आपर condition लगा दूँ, हलाकि यह काम यहीं तक नहीं रहता, अपने को इसको भी verify करवाना है, लेकिन verify कैसे करवाना है, वो मैं बताता हूँ, यह काम आप पुरा complete करोगे, I hope, मैं उमीद करता हूँ आप सभी से, और आपको को issue आएगा भी न

16:32यह सारी चीजे verify करके आएगा, उसके बाद अपने पास अगर response.ok आता है, तो उसके basis पे मैंने बोल दिया कि आपको यहाँ पर successfully message दिखाना है, navigate करवाना है, home page के उपर navigate करी रहा हूँ, ठीक है, इसके अलावा मैं यहाँ पर एक और condition लगा देता हूँ, इसी के अंदर अग

17:02यहाँ पर कह देते है, result में से dot करके अपन क्या निकाल रहे है, data, देखो यहाँ पर result में से dot करके अपना data निकाल रहे हूँगे, चीक है, एक बाद देखी लो क्या भेज़रों, आप confusion रखने से अच्छा, इसको close करो, order controller को भी करो, REG को भी करो, login के विपर आजाओ, ठीक ह

17:32हना पर आप बोलोगी की ृजल्ट में से dot करके मैंने data निकाला, लेकिन data के अंदर से भी मैं यहाँ पर क्या निकालना रहे है, user id, तो मैं यहाँ पर condition लगा देता हूँगा, विपनी निकालने यहाँ इस को यहाँ पर जाने यहाँ गला हूँ, तो मैं कह देता हूँ, result में

18:02अगर user email किसके बराबर है

18:05user email जो अपने अभी email id दी

18:08admin ठीक है

18:09और at the red

18:11gmail.com

18:14ठीक है यह admin की gmail होगी

18:16अगर इसके बराबर है

18:18ठीक है यही password के लिए भी करना है अपने को

18:20तो मैं यहाँ पर कहता हूँ

18:22कि आप navigate कर दो उसको

18:23और कहाँ पर navigate कर दो

18:24उसको कर दो

18:32पर यहाँ पर उसको भीज़ दो

18:34उसी के साथ एक toast message भी आप यहाँ पर दिखाई देना लगया

18:37तो toast.success

18:39और यहाँ पर एक message दिखा दो

18:41hello admin

18:44ठीक है

18:47यहाँ पर अपन hello admin का एक दिखा देते है

18:51यह अपने पास आ जाना चाहिए हो

18:55और ऐसे ही

18:56else वाले part में आपको क्या करना है

18:58else वाले part में आपको भीजना है

19:00किसको यह वाला काम आप else वाले part में करतो

19:02क्योंकि admin वाले को अपन priority दे रहे

19:06same काम आपको condition के basis पे password को भी करवाना है

19:09चीक है

19:10same काम अपन password के लिए भी करवाएंगे

19:12अब देखो, यहाँ पर आके अगर अपन चेक करते हैं, मैं यहाँ पर आता हूँ, सब कुछ logout, logout कर दो आप यहाँ पर, मैं यहाँ पर admin के लिए आता हूँ, मैंने बोला admin at the gmail.com और मैंने password बोल दिया 12345 और मैं login करता हूँ, तो मैं admin dashboard के उपर आ गया, ठीक है, ऐसे ही अग

19:42dashboard पर उपर आ गया, ठीक है, तो यहाँ पर अपन admin dashboard पर बेज़े, लेकिन दिक्कत यह है कि अगर वो यहाँ से copy करके, इसको यहाँ पर directly paste कर देगा, तो भी वो dashboard के उपर आ रहा है, secure तो ही नहीं, अपने को admin को तो पूरा क्या करना है, secure ही बनाना है, अपना जो admin है पूरा complete

20:12पर क्या करवाना है, उसको login करवाना है, ठीक है, मतलब उसको यहाँ पर उसके dashboard पर बेजना है, उसके manage product पर बेजना है, सब जगे जब वो यहाँ पर verify हो, तब ही आपको यहाँ पर क्या करना है, उसको भीजना है, तो यह काम कैसे करवाओंगे, बता हो, यह काम कैसे होगा,

20:42पुटाओ कैसे हो सकता है ये काम

21:02बैं आपकी suggestion तो जानू

21:04मैंने आपको task दिया था ये करने के लिए

21:07कि आपको admin वाला काम करना है

21:09आपने क्या किया इसके अंदर

21:11जितने भी students अपने class में जोईने हो

21:14बता हो एक बार क्या कैसे हो सकता है ये काम

21:17कुस्तो किया होगा अपने

21:19कुस्तो अपना दिमाग लगा होगा कि हाँ ये हो सकता था

21:23सर लिंक के साथ आईडी भेज सकते है किस लिंक के साथ आईडी भेज सकते है

21:44कि अध्र आईड में श्वाज दैश्बोर्ट स्लैश आईडी नहीं नहीं नहीं ऐसा एक नहीं होगा

22:06एक नया auth बना लो एक नया auth बना लो यहाँ पर मतलब आपने middleware set कर रखा

22:12यहाँ पर रिखो यह controller है यह models है यह आपका middleware और आपने auth.js करके है यहाँ अपना middleware बना रहा है ठीक है यह बना रहा है यहाँ यहाँ पर कुछ मत करो

22:23एक नया middleware बना लो, यहाँ पर बोलो const, और इसको मैं कहते देता हूँ, admin auth, ठीक है, मैंने एक नया middleware बना लिया, हलाकि बहुत तरीके होते हैं, इसको करने के, यह सिर्फ एक single तरीका नहीं है, बहुत सारे तरीके होते हैं, अगर आप explore करोगे, तो आपको बहुत सारे तरीको

22:53में request, response और next, next happen कब करते हैं, जब सारा verify happen कर सके, ठीक है, तो यहाँ पर request हो गया, response हो गया, और next happen यहाँ पर कर रहे हैं, इसी के basis पे, request में से dot करके मैंने user निकाला और verify user को pass कर दिया, अब user आ रहा है, इसका मतलब इसके अंदर उसके क्या क्या चीज़ आ रही होगी, सारी

23:23अपने पास क्या है, अपने पास क्या है, एक तो request और एक अपने पास क्या अपना response और एक callback function में यहाँ पर बना दिया, और यहाँ पर मैंने लिका, if condition बना दी मैंने, मैंने बोला कि जो मेरे पास request आ रही है, उसी के अंदर, ठीक है, request dot user dot, उसकी क्या है, user email, user email है, वो अ�

23:53कहां पर आपकी email id, यह रही आपकी email id, यह admin at email dot com, यह वाले जो email id, यह आपने दिये, इस email id को यहाँ पर पास कर दो, ठीक है, यह इसके बराबर है, लेकिन मैं तो कहता हूँ not equal के, ठीक है, मैंने कहता है not equal, अगर इसके not equal है, तब आपको यहाँ पर क्या करना है, कुछ return कर

24:23और dot JSON में मैं यहाँ पर कुछ भीज देता हूँ, और उसमें मैं यहाँ पर कह देता हूँ क्या, यहाँ पर अपन कह देते है message, एक message भीज देते हैं और उसमें अपन कह देते है, access denied, ठीक है, access denied, और उसमें अपन कह देते है, admin only, perfect, यह मैंने यहाँ पर कह दिया, पहला काम �

24:53else, else के अंदर आप बोल दो

24:54कि आप इसके जो else वाला

24:57part है, else बनाने की जोती नहीं है

24:59विसे तो auth आपने यहापर यह बनाया तो इसमें else की

25:01तो नीड ही नी, यह तो सिर्फ आपने

25:03if condition लगाई अपने किस के अंदर

25:04इस auth के अंदर आपने अपनी if condition यहापर

25:07लगा दी, अब इसी के बाद direct

25:09आप क्या कर दो, next, else लगाओ

25:11मत्त, else लगाओगे तो फिर वो

25:12if else condition के basis पर चलेगा, next

25:15कर दो, यह जो आपने next लिया है, इसको next कर दो

25:17ठीक है, अगर पहले यह condition

25:19चेक करेगा कि अगर admin

25:21इसके

25:22इस ID के opposite अगर

25:25आ रहा है, ठीक है

25:26तो उसके basis पर अपने ही कह दिया

25:29कि access denied, admin only

25:30ठीक है, अगर यह आ रहा है

25:33और फिर उसके अलावा पन इसको यहाँ पर

25:35क्या कर रहे है, next कर रहे है, ठीक है

25:37तो यह अपना admin only का अपन एक

25:39middleware set कर दिया, और

25:41यहाँ पर इसको middleware को भीज दो

25:43तो एक तो

25:45auth middleware था, उसको भीज दो, दूसरा

25:47आपके पास यहाँ पर क्या था, आपका admin auth

25:49इसको यहाँ पर भीज दो, ठीक है

25:51दोनों चीज़ा आपने यहाँ पर export कर दी

25:53ठीक है, और इसको

25:55वहाँ पर आके क्या कर लो, import कर लो

25:57अपने, यहाँ पर आपने require कर रहा है

25:59एक तो admin auth आपने यहाँ पर create करा

26:01ठीक है, इसको आपने

26:03यहाँ से बेज दिया, और एक आपने बनाया auth

26:05किसके अंदर करना है, api.js

26:07के अंदर, तो यहाँ पर बुला लो इसको

26:09यहाँ पर आपने auth को directly बुला रहा है, इसको इस तरह की से

26:11बुलाओ, auth और दूसरा आपके पास क्या आपका

26:13admin auth, ठीक है, auth को भी बुलाओ

26:15यहाँ पर, यहाँ दोनों

26:17चीज़ें यहाँ पर आ गई, ठीक है, अब

26:19इस admin auth को यहाँ पर apply कर दो

26:21जैसे माल लो

26:23वो यहाँ पर किस पर आता है

26:24अब इस admin auth को

26:29यहाँ पर apply कर दो, जैसे माल लो

26:31अपने पास किस के उपर है, add admin product

26:33dashboard का तो अपने बनाए नहीं, dashboard का आप

26:35बनाना, dashboard की basis पर आप यहाँ पर

26:37back end पर hit करवाना, ठीक है

26:39यह सारे admin

26:43controller ही ही है, अपने जैसे मैं यहाँ पर

26:45आता हूँ और यहाँ पर आके पर लगा देते हैं अपना admin auth, ठीक है

27:06यहाँ पर आओ और यह email idea पर देते हैं, 12345, login करता हूँ, यह तो successfully login हो रहा है अपने पास, ठीक है

27:12अब अपने को क्या करना है, लेकिन एक मिनट, यह अपन admin dashboard के उपर आ गया है,

27:24access deny, no token provided,

27:26slash admin dashboard

27:41manage product पर आओ, यहाँ पर भी कुछ error आ रही है,

27:53get product पर लगाए न अपने, admin auth अपना सही कर, अब नहीं कर रहा है,

28:05अच्छा token, token वाला issue आ पर, अब देखो इसको कैसे करना, यह आपका task है, आप इसको कर लोगे, easily मैं बता देता हूँ, क्या करना है, यहाँ पर देखो token वाला जो issue आ रहा है, उसको कैसे solve करोगे आप,

28:19यहाँ पर login पर आओ, ठीक है, अब देखो, यहाँ पर, जहाँ पर आपका admin वाला काम हो रहा है, वहाँ पर आपको token भी बेजने पड़ेंगे, जब आप उसको login करके जा रहे हो, और अगर login करके नहीं जा रहे हैं, तो फिर आप यहाँ पर, अभी main यह यहीं पर अटक गया

28:49request, response और यह सारी चीज़ पने यहाँ पर लगा दी, और ठीक है,

28:54अब देखो, यहाँ पर आपको एक काम करना पड़ेगा, और वो काम क्या करना है, मैं आपको समझा जाता हूँ, कि बहुत लाइंदी प्रोसेस हो जाएगी,

29:24मैं आपको बताता हूँ, क्या करना है, अब आपको यहाँ पर क्या करना है, जब आप login कर रहे हो, चीक है, तो आपको यहाँ टोकन भी आ रहे होंगे, तो जो admin के लिए यहाँ पर जो token आ रहा है, उस token को भी यहाँ पर save करवाना, local storage.set item, चीक है, और उस token का नाम रख देना

29:54middleware को सब जगे set करना पड़ेगा, बस इतना सा काम करना है, admin ओला काम आपका complete हो जाएगा, ठीक है, उसके अलावा, यह अपने पास completed है, अब देखो, उसके अलावा एक नई चीज जो आप बता रहे हैं, MongoDB Atlas कैसे use करते हैं, आपको सिर्फ MongoDB के उपर आना है, ठीक है, MongoDB के �

30:24यहाँ पर products में आऊगे, ठीक है, यह cloud based है, अपने पास, जो भी अपन यहाँ पर project के बनाते है, अभी अपने जो बनाया है, ठीक है, अब अपने को यहाँ पर क्या करना है, अगर

30:40अगर अपने को अपने project को क्या करना है deploy तो deploy करने के लिए Atlas वाला जो cloud storage है वो अपने को यहां पर चाहिए

30:49क्योंकि लोकल सिस्टम पर अगर अपने यहां बनाया है तो उसमें यह दिख़्त है बहुत सारे changes अपने को करने पड़ेंगे deployment के लिए

30:56क्योंकि अपने जो लोकल होस्ट है 270173, यह से कुछ अपना पोर्ट आता है, यह भी एक बार मैं देख लेता हूँ, यही पोर्ट था क्या, यही था, क्योंकि अभी मैं DB को उपन करूँगा, उसमें सारा डेटा है, ठीक है, तो यहाँ पर, जो अपने पास अपना लोकल होस्�

31:26चल रही है, तो MongoDB Shell से कनेक्टेड है, अपने पास, अपने कमपास से कनेक्टेड है, तो अपन यहाँ पर अपने Atlas को यूज करेंगे, और Atlas को अपन कनेक्ट करके रखेंगे, ठीक है, तो Atlas को यूज करना easy है, कोई ज़्यादा बड़ी वो नहीं है, ठीक है, यह अपना Cloud का ही

31:56अकाउंट क्रियेट कर लेना, अगर आप first time हो तो नहीं तो sign up with Google, पस इस पर click करना, यह automatically आपको redirect कर देगा, ठीक है, तो अकाउंट क्रियेट कर लेना इस पर, अकाउंट क्रियेट करना बड़ा easy है, छुटी-छुटी step मांगता ही है, आप किस लिए use करना चाते हो, तो आ�

32:26सारे projects बता रहा है, जो आप यहाँ पर use कर सकते हो, आपको यहाँ पर cluster create करना पड़ता है अपना, उस cluster को क्या करना पड़ता है, connect कर सकते हो अपने shell के साथ, अपने compass के साथ, चीक है, यहाँ पर भी आप उसको check कर सकते हो, जैसे मैं कहता हूं कि मेरे पास new project है, project का मैं यहा

32:56आपको next करना है, ठीक है, यहाँ पर यह चीज़े अगर आप डालना चाहते हो, ठीक है, नहीं तो रहने दो अभी इनकी कोई requirement नहीं है, ठीक है, उसके अलावा यह क्या बता रहा है, project owner, yes, बिल्कुल यही है, create project आप यहाँ पर करो, तो यहाँ पर यह अपना create हो चुका है,

33:26यूज करेंगे, ठीक है, flex में अगर आप यूज करते हो, तो 5GB का storage मिलेगा, अगर आप यहाँ यहाँ यूज करते हो, M10 तो आपको 10GB का storage मिलेगा, और इसके charges यह बता रहा है आपको पूरा, ठीक है, तो मैं तो यहाँ पर free use कर रहा हूँ, चलो बाई, अच्छी बात है, �

33:56ठीक है, तो यह अपने को एक तो username दे रहा है, एक password दे रहा है, इनको save करके रख लो, काम आईगी यह, तो मैं यहाँ आपर करता हूँ, अपने notpad को, notpad पर आके पन इन दोनों चीज़ों को save कर लेते हैं, एक तो क्या दे रहा है आपको, username और एक दे रहा है password, तो मैं यहा�

34:26username और password है, जो अपने आपर create करा, shop bag का जो मैं आपर cluster create करा हूँ, उसके लिए, ठीक है, परफेक्ट, यह तो अपने पास connection security सारी चीज़ आगई अपने पास, फिर उसके बाद connection method अपन यहाँ पर select करते हैं, ठीक है, उसके उपर create कर देना, फिर उसके बाद आपको यहाँ प

34:56पर करना है, VS Code में भी आप इसको install कर सकते हो, atlas SQL पर करना है, तो मैं यहाँ पर कहला हूँ, compass, ठीक है, मैं कहता हूँ, compass क्यूपर करना है, फिर यह बोला, I don't have mongodb compass installed, और यह बता रहा है, I have mongodb compass installed, तो मेरे पास तो installed है, version पूछ रहा है, latest ही होगा मेरे साब से तो, ठीक

35:26इसे string को copy कर लो और इसको use कर लो, compass के उपर आजाओ उपने, mongodb compass

35:56यहाँ पर एक नया create करो, यहाँ पर उसको paste कर दो, जो आप वहाँ पर देख रहे थे, अपने atlas के उपर, यही है atlas का, यही था पूरा copy कर लो उसको यहाँ से, यहाँ पर आ जाओ, और यहाँ पर आके इसको paste कर दो, चीक है, username, password इसने by default यहाँ पर fill कर रखा है, कोई दिक

36:26ठीक है, और यह सारे चीजे से यहाँ पर दे दी है, उसके लावब एक बार देख लो, कुछ और missing तो नहीं है न, ठीक है, एक बार connect करके देख लो, save and connect, perfect connect हो चुका है, कोई दिक्कत ही नहीं है, यहाँ पर आगर आपके चक करोगे, तो यहाँ पर भी done कर दो, ठीक है, perfect, �

36:56ठीक है, यह अपना cluster यहाँ पर connect हो चुका है, अब जैसे मैं यहाँ पर आता हूँ, और यहाँ पर आके अपन कहते हैं, यह admin का यहाँ पर by default आता है, local config, यह सब चीज़ आती है अपने पास, ठीक है, और मैं यहाँ पर एक क्रिए database करता हूँ, database का name अपन यहाँ पर कर देत

37:26यहाँ पर आ और यहाँ पर connect, database का name दे तो चलो, shop कह देता हूँ, मैं यहाँ पर collection name मैं आपर कहता हूँ, जैसे अभी के लिए user, अभी के लिए सिर्फ मैं यहाँ पर एक क्लिक रहा हूँ, ठीक है, user नहीं तो अपन कहते है, admin यहाँ पर कहते है, देवान चुका है, तो आप

37:56कहते है, जैसे, insert document, यहाँ पर मैंने कुछ भी insert करवा दिया, मैं कहते हूँ, name, name अपने कहते है, देवान चु, ठीक है, और ऐसे यहाँ यहाँ पर कहते है, user, और user अपन कहते है, hello world, hello class, ठीक है, यह मैंने आपर का insert, तो यह अपना इसमें insert हो चुका है,

38:26ठीक है, तो एक shop नाम का नया बना इसके अंदर, और यह इसके अंदर insert हो चुका है, यहाँ पर आके, अगर आप इसको refresh करके देखोगे, यहाँ से refresh करने ही जो इतनी थी बचे,

38:37browse collection पर आओ, एक बार, छोड़ो इसको यहाँ पर, यह देखो, यह अपना cloud base जो है, उसके उपर यह अपना store हो रहा है, ठीक है, यह storage size भी बता रहा है,

39:03logical data size, सब चीज़े यहाँ पर आपको बताएगा, यहाँ पर यह आपका shop नाम का बना हो है, और उसके अंदर यह store हो रहा है, perfect, कोई दिक्कत नहीं है इस चीज़ के अंदर, अब देखो, यहाँ पर आप इसको use कैसे करोगे, आपने वो connection string थी, ठीक है, जैसे आप इस पर आ�

39:33string थी, यही use करीए अपने, ठीक है, अब आपको क्या करना है, अब आपको कुछ नहीं करना, आपने जो यहाँ पर अपना यह use करा है, पूरा project, इस project के अंदर, जो आपके पास backend है, backend के अंदर जो आपने यहाँ पर .env use करा है, उस env के अंदर उस connection string को paste कर देना, बस, आप

40:03changes करने है, तो क्या करने है, जो आपने यहाँ पर MongoDB URL, जो आप यहाँ से DB करके निकाल के रिए क्या रहे हो, उपने process.env में से, उसके अंदर उस connection string को paste कर देना, बस, इतना सा काम आपे हाँ पर कर देना, ठीक है, तो यह काम करोगे, यह काम करते ही, आपका जो database है, वो आप

40:33कैसे, इसके अंदर क्या क्या चीजे आती है, यह अपने cluster create करा, उसके अंदर यह सारी चीजे अपने देखी, चीक है, और इसके अंदर जो अपने यहाँ पर बनाया है, वो data यहाँ पर अपना save हो रहा है, वहाँ से delete करोगे, आप यहाँ से भी access कर सकते हो, कि कि आप इससे familiar

41:03ठीक है, वर्सल, वर्सल के उपर आपको यहाँ पर क्या करना है, अपना account बनाना है, ठीक है, वर्सल पर अपना account create करना है, वर्सल के उपर आप यहाँ पर इसको deploy कर सकते हो, अलग-अलग भी deploy कर सकते हो, जैसे front end को आपने यहाँ पर करा, वर्सल के उपर deploy और जो backend है, उसक

41:33पर क्या करना है यहाँ पर आपको अपनी जो github का अकाउंट है वो यहाँ पर link करके रखना पड़ेगा क्योंकि आप ये पूरा जो project है उसको github पर upload रखना पड़ेगा फरस्ट अपने बास github पर upload नहीं है यह तो आप इसको github पर upload करना उसके बाद git repository जो है उसको यहा

42:03होगे वर्सल या फिर netlify के थ्रूँ जैसे मैं आपर कहता हूँ अपने netlify को ठीक है अगर आप netlify या वर्सल के थ्रूँ यहाँ पर जो भी domain name लोगे वो expire हो जाता है ज्यादा बार अगर आप यहाँ पर अपने project के अंदर changes करोगे तो ठीक है ज्यादा बार changes करोगे तो �

42:33ठीक है तो option है render भी आता है अपने पास एक render भी आता है deploy के लिए यह आपके पास options है render भी आता है अपने पास deploy के लिए आप render पे भी deploy कर सकते हो cloud application platform अपने पास यह है तो आपको एक URL मिल जागा उस URL के थ्रूँ आप अपनी पूरी complete website किसी को दिखा सकते हो ठीक है तो यह ब

43:03आ नीची है यहां तक की चीज के लिए रहे तो एक बार comment करके बताओ यह सर यहां तक की चीज के लिए रहे कोई डाउट नहीं है इसके अंदर

43:10git ignore किसे किसे करे git ignore आपको उनी files को करना है जो आपके यहां पर है कौन-कौन सी एक तो node module एक package log

43:31JSON यह आपकी हमीशा git ignore में जाती है और अगर आप front end में देखते हो तो उसके अंदर भी node module और package log

43:39JSON कभी भी आप इसको upload नहीं करोगे ठीक है कोई शुनी आने वाला इनको कभी भी आप upload नहीं करोगे ठीक है

43:46तो यह अब तक की अपनी पूरी journey थी जो अपने cover करी है with project अपने और भी projects बनाये थे बहुत सारे

43:55अगर आपको याद हो तो अपने HTML के अंदर भी बहुत चोटे-चोटे task करे थे जो आपको अब लगते कि कोई ज्यादा बड़ी बात नहीं थी

44:02उसके बाद CSS में भी अपने कुछ project बनाया था में बहुत कुछ आँट बनाया था जैसे weather बनाया था अपना to do बनाया था

44:20अपन ने उसी के अंदर अपना redux का एक add to cart अपनने implement किया था ठीक है wishlist मैंने आपको task दिया था शायद

44:28उसके अलावा अपने और भी बहुत सारी चीज़े यहाँ पर सीखी है

44:32अपने अपना नूर पढ़ा, अपने एक्सप्रेस पढ़ा

44:36इसी से रिलेटेड जो इंटर्वी कुस्टेंस है वो आपको प्रोवाइड करवाए जाएंगे

44:40ठीक है