📖 Today’s Class: Building Admin Dashboard & Add Product Page (Frontend UI) 📅 Skillwaala’s Free Full Stack Web Development Course

Name: 📖 Today’s Class: Building Admin Dashboard & Add Product Page (Frontend UI) 📅 Skillwaala’s Free Full Stack Web Development Course
Uploaded: 2025-10-17T04:33:08+00:00
Duration: 1 h 1 min 25 s
Channel: skillwaala

skillwaala

3 months ago

🎯 Today’s Learning Outcomes
By the end of this class, students will be able to:
✅ Design a fully functional Admin Dashboard UI
✅ Create an Add Product Page with input fields for product name, price, category, and image upload.
✅ Implement responsive layouts using Tailwind CSS Grid & Flex utilities.
✅ Apply modern UI patterns to make the dashboard look professional and mobile-friendly.

Category

📚

Learning

Transcript

Display full video transcript

00:00:00अब आपने कार्ट में यूवल के उपर मैप का यूज किया है मैं सर एलाई के उपर यूज किया हूँ तो कोई प्रॉब्लम तो नहीं है देखो बिल्कुल प्रॉब्लम है इस चीज के अंदर क्योंकि जब भी अपन यहां पर अपना मैप चलाते हैं तो मैप के लिए अपने �

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

00:01:00तो एक प्रेंट रखो फिर करो यह काम, थिक है, क्योंकि वो आगे आपको warning देने वाला है, की की, क्योंकि की अपन पास करते है, अपने react के अंदर, तो वो warning देगा, तो उसको हटाने के लिए, उस warning को solution करने के लिए, performance को fast करने के लिए, करना पड़ेगा यह काम, थिक है,

00:01:16काट वाला GitHub पे अपलोड नहीं है क्या

00:01:21I don't know

00:01:22कल वो इशू था लेकिन

00:01:24वो अपलोड हो जाएगा आज

00:01:25ठीक है

00:01:32एक बार सब रेस्पोंस कर दो

00:01:34कि स्क्रीन भी वीजिबल है

00:01:36और वोइस भी बिल्कुल परफेक्ट लिक किलियर है

00:01:38कोई इशू नहीं आरा क्लास में

00:01:40ठीक है ठीक है चलो अपन आगे बढ़ते हैं

00:02:00तो देखो यहाँ पर अपने कितना

00:02:01अपना जो प्रोजेक्ट है वो क्रियेट कर लिया था

00:02:03उससी पर आजाते है अपने एक बार के लिए

00:02:05और उसमें ही अपन आगे देखते हैं

00:02:07अभी सिर्फ अपन फ्रंटेंड पर ही डिसकस कर रहे हैं

00:02:09तो सिर्फ फ्रंटेंड पर ही अपन रहते हैं

00:02:11यहाँ पर अपन इसको एक बार उपन कर लेते हैं

00:02:13अपने फ्रंटेंड को जल्दी से

00:02:15सीडी करके मैं किसमें आ जाता हूं अपने

00:02:17यहाँ पर अपने frontend की उपर आ जाते हैं और मैं इसको run कर लेता हूँ, कैसे run करोगे, npm run div, ठीक है, तो यहाँ पर अपने इसको run कर लेते हैं, यहाँ यहाँ पर run कर लिया, यह अपने browser पे run हो गया है, तो कुछ इस तरीके का interface अपने यहाँ पर बनाया था, यह search bar था, यह �

00:02:47तोटल प्राइज आ हो और चक आउड का उप्शन पर आ रहा है अपने इसको क्लूज कर पारें उसके अलावा यह अपने

00:02:52पास क्या है अपना लॉग-इन जिसके अंदर पास्वर्ड और लॉग-इन करने का उप्शन है और रेजिस्ट्रेशिन

00:02:58क्लिक करते हैं किस पे चला जाने डिन नहीं जा पद रहे तो जल्दी से इसको भी कर लो

00:03:04एक बार जिस्ट्र के नहीं जा पर क्लिए इसका क्या इस का आई इस Um

00:03:08यहीद यहीरा छूझ है आरीज यहीरा पास अपना इसका सब्काइए घता रा

00:03:26हारी जी करके बिना रखा लेकिन फे इंपोर्ट यहां पर सचेसिंग नहीं आ इसका मतलब कुछने इसूँ में

00:03:32कहीं नहीं हूँ और यह पना आडे बना जैस्थ लिफोल्ट आह HERE को धश्क६

00:03:40यह पूरा complete अपना यहां पर created है, slash login पे अपन हीट करेंगे, और इस reg को अपन लगाना चाहते है, यहां पर अपन लगाना चाहते है अपने इसके अंदर, तो मैं यहां पर इसको import करता हूँ, अपने reg को अपने इंपोर्ट करा, यहां पर लगा दो इसको, और run कर लो, और यह

00:04:10मैं login पर आता हूँ

00:04:12यहाँ पर 2 लगा वाई नहीं है

00:04:14तो यहाँ पर आके अपना 2 लगा तो जल्दी से

00:04:162 लगा के अपन यहाँ पर क्या कहेंगे

00:04:17slash REGQ पर चले जाना आप

00:04:20तो यहाँ पर जैसे अपन क्लिक करेंगे

00:04:21तो अपन registration पर आ जाएंगे

00:04:23login पर क्लिक करते हैं

00:04:24अपन login पर आ जाएंगे

00:04:25तो यहाँ पर अपने वही सारे

00:04:29categories दिखा दी और यह अपने पास

00:04:31अपने कार्ट आ रहे हैं जहाँ पर अपने

00:04:33products दिखाने वाले हैं

00:04:35यह अपना front end का UI है जो अपने यहाँ पर

00:04:37create करा अब देखो यहाँ पर

00:04:39अपने पास rule-based access होगा अपना

00:04:41यह तो user interface है जो user को

00:04:43दिखाई देने वाला है अब यह सारा

00:04:45काम करेगा कौन जैसे

00:04:47यहाँ पर products add कौन करेगा

00:04:49यहाँ पर कौन सा product

00:04:51stock के अंदर है कौन सा product out of stock है

00:04:54चीक है उसके अलावा

00:04:55यहाँ पर categories अपने पास कैसे आईगी

00:04:57कि all categories कौन सा है

00:04:59यह कौन से category का product है

00:05:00यह कौन से category का product है

00:05:02वो categories अपने पास यहाँ पर किस तरीके से आएगी

00:05:04यहाँ पर अगर मैं search करता हूँ

00:05:07तो यह तो search तो user का ही है अपने पास

00:05:09लेकिन main है product यहाँ पर add कौन करेगा

00:05:12यहाँ पर आपने contact

00:05:13जो अपने query थी query form

00:05:15यहाँ पर आपने अपना name लिखा, आपकी email दी, query दी, अब आपकी query जाएगी कहाँ

00:05:21तो उसके लिए अपन यहाँ पर एक और पैनल बनाने वाले हैं और वो अपने पास बनेगा अपना admin का

00:05:26क्योंकि admin के पास सारे access होंगे इस website के, ऐसा तो है नहीं कि अपन code में जाके changes करेंगे, database में जाके मैं data add करूँगा, फिर अपन यहाँ पर अपना डेटा शोगा, ऐसा नहीं है

00:05:36अपने पास एक और अपना panel बनने वाला है और वो panel बनेगा अपना admin का, ठीक है, तो यहाँ पर admin panel के अंदर क्या होगा, वो सारे products add भी करेगा, वो सारे queries का reply भी करेगा, उसके अलावा जैसे मानलो, उसको किसी product को out of stock करना है, या फिर किसी product की image को update करना है, उसके title को update करना

00:06:06यहाँ पर यह सिर्फ काम था अपने front end का, जिसमें user के लिए अपने काम किया, अब जो अपन create कर रहे हैं, वो अपन create करेंगे यहाँ पर अपने admin के लिए, ठीक है, तो जल्दी से अपन src के अंदर एक folder बना देता हूँ, और उस folder को मैं यहाँ पर कहता हूँ, admin का folder, ठीक

00:06:36component बना लेता हूँ, और इस component को अपन यहाँ पर create कर लेता है, rafc करके मैं यहाँ पर create कर लिया, ठीक है, तो यह अपना admin का dashboard अपने पास यहाँ पर बनने वाला है, और इसके लिए अपन यहाँ पर अपना URL भी बना लेता है, अपने app.jsx के उपर आके, यह तो अपने user के ल

00:07:06कौन सा component यहाँ पर render होना चीए, तब अपने पास अपना admin का जो dashboard है, वो render होना चीए, अभी तो कोई security लगा नहीं रहे अपन, वो तो directly अगर अपन यह URL हिट करेंगे, तो अपन admin के dashboard पर पहुंच आएंगे, मैं यहाँ पर कहता हूँ, admin dashboard, उसको मैंने यहाँ पर लगा दि

00:07:36यहाँ पर यह तो अपना user का था, ऐसे ही सेम एक URL ले लेता हूँ, जिसमें मैं यहाँ पर कहता हूँ, slash admin slash dash board, ठीक है, अगर मैं यह हिट करवाता हूँ, तो अपना admin वाला यहाँ पर open होना चीए, अब यह तो common रहने वाला है आपका, ठीक है, यह तो common रहने वाला है, इसक

00:08:06यह तो user का हो गया, अब यह जो URL है, यह हीट होता है, तो इसमें admin panel अपन बनाने वाले है, तो अपन बनाते हैं admin का panel, तो सबसे पहले मैं admin का dashboard यहाँ पर बना लेता हूँ, जो dashboard मेरे को यहाँ पर दिखाना है, तो जल्दी से यहाँ पर आ जाओ, और अपन देखो, इस dashboard को �

00:08:36section में जाता है, ठीक है, query management के ऊपर जाता है, product management के ऊपर जाता है, तो जिस भी section पे जाएगा उसके लिए

00:08:41लिए एक slider अपन बनाएंगे, तो सबसे पहले अपने काम करते हैं, एक slide अपना यहाँ पर create कर लेते हैं, या फिर पहले dashboard को create कर लेते हैं, जो अपने admin dashboard करके यहाँ पर लिखा है, इस dashboard को create कर लेते हैं, तो यहाँ पर यह पना div ले रखा है, इसी को जल्दी से create कर लो, इस div को

00:09:11बाद इसके अंदर में यहाँ पर एक उट डिव ले लेता हूं और उस डिव के अंदर अपन यहाँ पर अपना एक एच्वन टैग ले लेते हैं और उसमें अपन कहा देते हैं यह क्या है एडमिन का डैश्बोर्ड है

00:09:20ठीक है, admin dashboard

00:09:25admin dashboard यहाँ पर कह दो

00:09:30और यहाँ पर कोई भी एक emoji लगा दो

00:09:32जैसे मैं यहाँ पर कहता हूँ, user

00:09:34ठीक है, यह मैंने यहाँ पर कह दिया

00:09:40यह अपना h1 tag है, जिसमें अपने बाद

00:09:42admin dashboard लिखावा रहा है, जल्दी से पन इसको

00:09:44UI को design करते हैं, मैं यहाँ पर इसको

00:09:46class name देता हूँ, यह जो अपना div है

00:09:48और इस div को class name देके मैं आपर कहता हूँ

00:09:50flex1 में आप इसको रख लेना

00:09:52और उसके अलावा मैं यहाँ पर

00:09:54padding लगा देता हूँ, 10 key, all directions से

00:09:56और यहाँ पर जो इसका bg है

00:09:59वो आप यहाँ पर gray color के अंदर

00:10:00जैसे मैं यहाँ पर कहता हूँ, कि आप यहाँ पर

00:10:0350 रख लेना भी के लिए, ठीक है

00:10:06और minimum height मैं यहाँ पर इसकी set कर देता हूँ

00:10:08screen के हिसाब से, कि यहाँ पर

00:10:10इसकी minimum height screen के हिसाब से set रहनी चीए

00:10:13तो अगर आप यहाँ पर देखोगे तो अपना admin dashboard

00:10:15यहाँ पर लिखावा आ रहा है

00:10:16ठीक है, और यह अपना नीचे क्या आ रहा है

00:10:19यह अपना

00:10:20जो footer है वो आ रहा है

00:10:22अब देखो यहाँ पर अपन इसको create करते हैं

00:10:25इसका या तो bg यह दो ही मत आप इसकी

00:10:26नहीं रहेगी, bg दो मत

00:10:28all white रहेगा तो अच्छा लगेगा

00:10:30ठीक है, अब इस section tech को भी मैं यहाँ पर

00:10:33target कर लेता हूँ, class name अपन यहाँ पर देदेता है

00:10:35और इसको मैं कहा देता हूँ

00:10:37text को आप यहाँ पर क्या कर देना

00:10:383 excel कर देना आप text को

00:10:40और font को आप यहाँ पर

00:10:43अपना bold कर देना

00:10:44ठीक है, और उसके

00:10:47अलावा

00:10:47font अपने पास bold हो जाना चाहिए

00:10:50margin bottom से मैं यहाँ पर इसको देता हूँ

00:10:52जैसे 6 की और जो text है वो आप

00:10:55यहाँ पर gray color के अंदर

00:10:56जैसे 700 इसको pass कर देना

00:10:58तो यह अपना admin dashboard यहाँ पर आ जाएगा

00:11:00अब यहाँ पर admin dashboard अपन यहाँ पर दिखा रहे है

00:11:04इसके left side अपन एक अपना slider दिखाने वाले है

00:11:07तो जल्दी से अपन यहाँ पर अपना

00:11:08slider भी बना लेते है

00:11:10admin के अंदर ही बनाने वाला हूँ मैं

00:11:12और क्या बनाने वाला हूँ, यहाँ पर मैं कहा देता हूँ, slide bar या फिर side bar करके पर यहाँ पर कहा देता हूँ, slide bar.jsx, यहाँ पर slide bar.jsx अपन करके यहाँ पर इसको create कर लेते है, rfc करके इसको यहाँ पर create कर लो, ठीक है,

00:11:28स्क्रीन शो नहीं हो रही

00:11:33क्या इशू हो आ रहा है

00:11:35ये स्क्रीन कैसे

00:11:36शेर करीबी काईब हो जाती है

00:11:38इसको मैं यहीं रख लेता हूँ

00:11:40तागी मिले को पता रहे

00:11:41कि स्क्रीन का कोई इशू हो आ गया

00:11:43ये स्क्रीन आफ कैसे हो जाती है

00:11:57शेर करीबी

00:11:57ऐसा नहीं ही होना अच्छी है

00:12:00यह आपके पास तो ऐसा कोई राइट रहता नहीं है

00:12:04तो फिर यह इशू कैसे आता है

00:12:09ठीक है इसको मैं यही रख लेता हूँ ताकि मेरे को

00:12:20पता चलता रहे कुछ इशू आ रहा हूँ तो

00:12:23यह लो

00:12:24ठीक है

00:12:27मैंने कुछ ड्रो करके नहीं बताया आड्मीन वाले प्रोसेस के अंदर मैंने सिर्फ यह बताया

00:12:35कि जो अपना admin panel है, अपने admin का एक dashboard बनाया, यह dashboard अपने यहाँ पर create करा है, जिसमें यह admin dashboard अपन यहाँ पर बता रहें, इसके अंदर छूटा सा अपने cool लिखा है, यह dashboard है अब इस dashboard में अपन left side क्या दिखाने वाले है, अपना slide bar दिखाने वाले है, जिसके अंदर अपन दि�

00:13:05change होती रहेगी, जैसे मालों उसने click करा, यहाँ पर product management के उपर, तो product के सारी चीज़ा आजएगी, उसने left side यहाँ पर जैसे click करा, query management पे, तो query से related, जो भी, जित्ती भी queries है, वो सारी उसके पास open हो के आजएगी, right side, तो इस तरीके से left और right करके अपन इसको create करने वाले है,

00:13:35अब इस slide bar को मैं कहा लगाँगा, यह जो अपने डिव लिया है, यह अपना जैसे dashboard है, इस dashboard के अंदर इस div के बाद ही मैं यहाँ पर क्या लगा देता हूँ, इतना सा गाम मैंने यहाँ पर कराए, तकि वो slide bar यहाँ पर show करो होती रहे, तो जल्दी से अपन इस slide bar को यहाँ �

00:14:05में इहांपर दी और bg मैं हैं पर कह दá हूं कि

00:14:08आप यहांपर ग्रे कर देना और ग्रे के अंदर जैसे

00:14:10इसको 800 पास कर देना इसका बैक्गराउंड कशलर

00:14:12यह रहेना चाहिए, टेक्स को पर पहले ढहना कि

00:14:15आप text को यहांपर क्या कर देनो अपना

00:14:16White कर देना और Width जो है वो इसकी 64 आप यहां पर Assign कर देना

00:14:21Width 64 रहनी चाहिए और Minimum Height अपन वही स्क्रीन के साफ से सेट कर देते है

00:14:26कि Minimum Height इसक्रीन के साफ से सेट रहनी चाहिए

00:14:28और Padding में यहां पर इसकी 6 लगा देता हूँ

00:14:31और उसके अलावा यहाँ पर space दे देते हैं अपन y के अंदर

00:14:34मैंने बुला space और y के अंदर जैसे अपन यहाँ पर 6 का space यहाँ पर generate कर देते हैं

00:14:40यह चीज मेरे पास यहाँ पर हो गई

00:14:42अगर आप यहाँ पर देखोगे तो अपने पास यहाँ पर left side एक क्या हो रही है

00:14:45slider अपने पास यहाँ पर बनावा आ रहा है

00:14:47यह slider अपने पास है मतलब

00:14:48यहाँ पर मैं कुछ buttons दिखाने वाला हूँ

00:14:51उन buttons पर जैसे अपन क्लिक करेंगे

00:14:53तो अपने पास यहाँ पर क्या होना चीए

00:14:54उन पर क्लिक करते ही अपने right side

00:14:57यहाँ पर अपने चीजे होती रहनी चीए

00:14:59ठीक है तो छलो

00:15:01यहाँ तक की चीज तो किलिएर है

00:15:03अब अपन यहाँ पर अपने slider को

00:15:05create करते अब इस slider के अंदर अपने को

00:15:07क्या क्या चीजी दिखानी है पहला तो जैसे

00:15:09मैंने ये पूरा लिखा है इसी के अंदर

00:15:11पनिहां पर एक एडमिन पैनल इडमिन पैनल इसके अलावा फोन को आप यहां पर क्या कर देना आपने बूल कर देना और यहां पर

00:15:38margin bottom मैं यहाँ पर इसको

00:15:40eat की margin bottom यहाँ पर assign करेता हूँ

00:15:42तो यह admin panel मेरे पास यहाँ पर

00:15:43लिखावा आ रहा है ठीक है

00:15:46अब right side वो automatically चीजे change होती रहनी चीजे

00:15:48लेकिन automatically नहीं होगी जब आप

00:15:50यहाँ पर कोई button लगाओगे या फिर कुछ create

00:15:52करोगे तब वह चीज होने वाली है तो मैं यहाँ पर एक काम करता हूं एक

00:15:56nav tag ले लेता हूं और nav tag के अंदर ही अपन यहाँ पर अपने link

00:15:59tag लगा देते हैं जो अपने को दिखाने हैं चीजे के अंदर मैंने यहाँ पर

00:16:03लिंग लिया उस पर click करते ही अपने को अपने components change

00:16:07करवाने हैं तो यहां पर जैसे मैं अभी के लिए दो या तीन ले लेता हूं मैं यहां पर दो लिए ठीक है जैसा पहला तो मैं यहां पर कह देता हूं फ़र ना

00:16:21second अपन कहते हैं यहाँ पर manage product

00:16:26manage products second यह रहेगा manage products का रहेगा ऐसे ही अगर वो

00:16:34यहाँ पर third पर click करता है तो मैं यहाँ पर कहते हूं manage और queries

00:16:38ठीक है manage queries यहाँ पर रहना चाहिए और ऐसे एक और link tag लगा देते हैं

00:16:45और उस link tag में मैं यहाँ पर कहते हूं exit the store ठीक है

00:16:49exit the store यह आप यहाँ पर दिखा देना तो यहाँ पर अगर आप देखोगे तो

00:16:55यहाँ पर dashboard manage products manage queries exit the store इस तरीके से अपने को

00:17:00यहाँ पर दिखाए दे रहा है इसको जल्दी से अपन ब्लोक कर देते हैं सबको मैं यहाँ पर

00:17:03class stream लगा देता हूं और मैं यहाँ पर कहता हूं कि आप इसको यहाँ पर क्या कर देना ब्लोक कर देना ठीक है तक है एक

00:17:09line में block मैं नहीं पर कर दिया और होवर के उपर आपको यहाँ पर क्या करना है

00:17:13तो यहाँ पर आपन कहा देते हैं, टेक्स्ट, यहाँ पर आप इसका Green कर देना, और Green में जैसे मैं यहाँ पर कहता हूँ, 600 यहाँ पर Pass कर देना, ठीक है, तो Dashboard, यह Dashboard है, यह Manage Product, इस तरीकिसे अपने को यहाँ पर दिखाई दे रहा है, ठीक है,

00:17:26किलियर है यहाँ तक की चीज, यहाँ पर अपने इसका Green कलर कर दिया, और एक काम करो, यहाँ पर Y Direction में Space भी कर दो, ताकि उस Center में रहे, तो यह जो Nav लिया है, इस Nav के उपर ही मैं एक Class Name लगा देता हूँ, और मैं यहाँ पर कहता हूँ, Space, और वो भी Y में, और वो भी अपन �

00:17:56है, तो एक काम करते है, इसी को मैं यहाँ से क्या कर लेता हूँ, कॉपी कर लेता हूँ, यहाँ पर कॉपी करो, यहाँ पर लगा दो, यह Manage Queries हो गया, और यह Exit तो स्टूर हो गया, तो यहाँ पर इसका Color, Exit करने वाले का Color बस चेंज कर दो, यहाँ पर आप कह दो, टेक्स

00:18:26तो यह अपने सिर्फ अपना एक Slider बनाया है, जिसमें मैं यहाँ पर जिस पर भी क्लिक करूँगा, राइट साइड वो चीज यहाँ पर चेंज हो के आनी चीए, यह तो यूजर का है, यह Admin का है, जो Admin यहाँ पर देखेगा इसको, यहाँ पर इसको एक्सेस करके जो काम क

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

00:19:26है, ठीक है, यह लो, यह मैंने प्रोडक्ट को ले लिया, उसके अलावा क्या है, क्वेरी, तो यहाँ पर मैं कहते हैं तो अपना क्वेरी, क्वेरी का भी ले लो कोई, यह लो, ठीक है, क्वेरी को ले लो यहाँ पर, सब के आगे आइकन लगा दो, अगर आप लगाना चाहो

00:19:56का भी ले लो आप भोलों लगदेंग है ऊश्पार है और यहां पर इसको कर दो पेच्ट

00:20:06अजिस्ञ अभर में कि अधार है अज्ऑर के बाद को क्या नाम अने वहथे आपने वह ले Приस्ट पर यहां कर दे sightsPоз

00:20:20करता हूं MD टैजबोर कस्टमाइजीशन आइकन जो भी आ रहा है वो लगा दो यहां पर आके चेक करो यह अपने पास इस तरीके से आ रहा है ठीक है उसके अलावा

00:20:33कि उसके अलावा अपने पास और कौन-कौन सा आइकन है यहां पर लगा दो सेकिन्ड आइकन

00:20:38वो किस चीच का है वो है MD Outline Products यहां पर यह लगा दो इसको मैं कहता हूं MD Outline Products Quantity चीक है और उसके बाद यहां पर कौन सा है Query तो यहां पर अपने लगा देते है

00:20:57क्वेरी के लिए वो क्या है आपका MD Outline MD Outline Query और फिर उसके बाद एक्जिट दे स्टूर यहां पर भी लगा दो उसको और वो क्या है आपका

00:21:10आयो एक्जिट MD Exit चीक है तो यह अपने आइकन्स यहां पर आ गए ठीक है अपने इनको ब्लॉग दे रखा है इसलिए

00:21:24क्लास नीम देते हैं और इसको मैं यहां पर इन लाइन करता हूँ

00:21:38ठीक है यह अपना डैश्बोर का आइकन यहां पर आ रहा है आइकन को चेंज कर दो यहां पर जो इसका कलर है वो आप चेंज कर दो

00:21:48जैसे मैं आपर कहता हूँ टेक्स्ट और यहां पर आपके दो ब्लू कलर के अंदर आप यहां पर इसको असाइन कर देना ठीक है टेक्स्ट ब्लू रहना चाहिए उसका तो यह डैश्बोर आइकन अपने पास यहां पर आ रहा है

00:22:00प्लू में थोड़ा सा इसको लाइट रख लो तो यह डैश्बूर हो गया मैंने इस प्रोड़क्ट है सही मैं से सबके उपर लगा दो कॉपी कर लो इसको ठीक है और यह सेकंड आइकन यह है तो यहां पर आके इसको भी पेस्ट कर दो यह क्या कि आपने यहां आओं यहां �

00:22:30पर्फेक्ट ठीक है फिर उसके अलावा मैंनेज क्वेरी है मैंनेज क्वेरी वाले कुपी यहां पर यह रहा आपका इकन यहां पर आके इसको पीस्ट कर दो टेक्स्ट को आप यहां पर कर लो इसका

00:22:52तो आपको अच्छा लगे फिर उसके बाद नेक्स्ट एग्जीट ड़ेस्टूर इसके उपर भी लगा दो यह रहा अबर मैं कहा देता हूं टेक्स्ट इसको तो रएड ही रहने दो और रहा रेड में बस हाईलाइट थोड़ा सा ज्यादा कर दो इसको

00:23:22900 कर तो आप यहां पर ठीक है तो एक्जिट दे स्टोर यह इस तरीके से अपने पास डैश्बॉर्ड मैनेज प्रॉडक्स मैनेज क्वैरी इस तरीके से अपने पास यह आ रहे है इसमें स्पेस लगा दो या तो आप

00:23:34स्पेस एक्स टू टू का लगा दू और सेम ऐसे ही इसके लगा दो यहां पर पिया जाओ यह रहा चीक है इस पर अपन कहते थे स्पेस

00:23:54सीम इस एक से वर्क नहीं कर दो यहां पर एक्स डाइक्शन में अपने आप लगाया अच्छा इन लाइन दे दिया न अपने इन लाइन दे लिए तो तो कैसे बख करेगा

00:24:10ठीक है थोड़ा सा अपन चेंज कर लेंगे इसको तो यहां तक की चीज किलिए रहे कि आप सभी को यहां तक की चीज किलिए रहे तो एक बार कमेंट करके बताओ कि यहां तक की चीज किलिए है इसमें कोई डाउट नहीं है

00:24:23यह सिर्फ अपनने क्या किया है

00:24:26यहाँ पर अपनने admin panel लिखा है

00:24:28और इधर यह सारी चीज़ी दिखाई है

00:24:30अब जैसे मैं dashboard पर click करूँगा

00:24:31तो अपन dashboard पर आजाएंगे

00:24:32जैसे अपन manage products पर click करेंगे

00:24:35manage products पर आजाएंगे

00:24:36जैसे manage query पर click करूँगा

00:24:38manage query पर आजाएंगा

00:24:39तो यह काम अपने को यहाँ पर करना है

00:24:41तो यह तो अपना dashboard है

00:24:55dashboard का अपने URL बना रखा है

00:24:56तो जल्दी से अपना dashboard का URL

00:24:58यहाँ पर pass कर दो

00:24:59क्योंकि अगर मैं dashboard पर click करता हूँ

00:25:01तो अपना 2 यहाँ पर work करना चीए

00:25:02और 2 पर work करने पर कहाँ पर आ जाना चीए हूँ अपने dashboard की उपर

00:25:06dashboard का URL क्या है

00:25:07slash admin slash dashboard

00:25:09तो इसको यहाँ से copy कर लो और यहाँ पर लगा दो

00:25:11क्योंकि जब अपन इस पर click करेंगे तो अपन उस पर आ जाने चीए

00:25:14चीए है तो जैसे मैं इस पर click करूँगा

00:25:16तो अपन dashboard वाले URL पर आ जाएंगे

00:25:18अभी तो वहीं पर यह है तो इसलिए अपने को कोई

00:25:19difference दिखने रहा अब उसके बाद अपन यहाँ पर admin dashboard को

00:25:24यहाँ पर complete कर देते है जल्दी से यह आपका admin dashboard था जिसमें आपने सिर्फ

00:25:27h1 tag लिखा और अपना admin dashboard अपने

00:25:30अपने यहाँ पर दिखा दिया इसके अंदर अभी के लिए दिखा देते हैं आपने ours

00:25:55अपने

00:25:58उपनोट

00:26:00तूटल प्रोडक्स करके अपने यहां पर कहे दिया और एक पर यह से जिसमें कいた कि जिल्दी से

00:26:25बढ़िए और ये कार्ड बना रहे है अपन तो इसको कार्ड को जल्दी से युवाई को रेडी कर लो आप कह दो कि बीजी बीजी को अपन यहाप यहाप पर कहा देते है अपना वाइट टीक है बीजी वाइट कर देना आप उसके अलावा पैडिंग अपन देते हैं जैसे 6 की

00:26:55प्रदक्ट का चीक है शेड़ो को आप चींज कर सकते हो जैसे शेड़ोग अपन यहां पर एक्सल कर देदे ना तो यहां पर क्लास नेम देता हूं और टेक्स्ट को आप यहां पर क्या कर देना अपना

00:27:16excel कर देना ठीक है text excel हो के आना चीए font को अपन यहां पर

00:27:20change कर देते font अपने पास यहां पर अपना semi bold अना चीए

00:27:24font semi bold हो के आना चीए और जो text है उसको आप यहां पर gray color के

00:27:29अंदर जैसे 700 पर पास करते हो भी के लिए ठीक है तो total products

00:27:33पर आ रहा है 45 अपन यहाँ पर प्रेंट करवागे दिखा रहे तो इसको भी चेंज कर लूँ जैसे मैं आपर इसको चलास नीम देता हूं और ऐसको आप यहाँ पर कर देना जैसे उसको अपने कहा दिया था

00:27:45थीच्छ और्म से मारिज़ीं तॉबल्ण यहां पर यहां सब्सक्राइब करते हैं

00:27:58यूरा बूल्ड रहना चीए

00:28:04धीचे है फोर्टव यहां पर क्या है नाच कई बाल रहना चीए

00:28:14पर्फेक्ट यहां पर बता रहा है कलर चेंज कर लो इसका कलर ब्लैक अच्छा नहीं लगड़ा तो यहां पर तो मैं यहां पर कहता हूं ग्रीन और ग्रीन में जैसे आप 500 पास कर देना ठीक है तो यह बता रहा है टोटल प्रोडक्स 45 है यह एड्मिन का डैश्बोर्ड है अ�

00:28:44तो मैनेज प्रोडक्ट के अंदर अपने को क्या करना है अपना एक नया पेज बनाना पड़ेगा और वो पेज अपन यहां पर दिखाने वाले है तो जल्दी से अपन एक नया पेज बनाते है जिसमें अपन यहां पर वो चीज दिखाने वाले है तो जल्दी से यहां पर आ

00:29:14यह अपना admin product है यहां पर एक हट्वन टेक्ट ले लेता हूं जिसको मैं यहां पर कहता हूं admin products करके अपन यहां पर इसको कह देते हैं अब यहां पर अब देखो जब भी मैं यहां पर कोई भी component बनाऊँगा तो मैं को slider भी लगाना है

00:29:27सीम यू आई रखना है तो अपने काम करेंगे हमीशा अपना जो admin का डैश्बूर्ड आपने बनाया है जो admin का डैश्बूर्ड है इसी की कॉपी कर लो आप क्यों कॉपी कर रहा हूं देखना समझ जाओगे अब इसीच को और यहां पर जो आपने अपने प्रोड़क्स बनाया

00:29:57पास करें अपने इस चेहरे और यहां पर रिटन के अंदर वही वह सारा कोर लिखावा रहा है तो कहां का चेंज ऊगा कोडया शींफ का डिले रखा है इस डिव का वाला जो कूड़े यही चेंज होगा ठीक है और हम टैग आपने यहां पर ले रहा है जिसमें डैश्बूर

00:30:27ठीक है, manage products, वो मैं यहाँ पर कह देता हूँ, जैसे मैंने यहाँ पर manage products कह दिया और yellow, तो check करो, यहाँ पर अपने यह create करा, manage products करके, अब देखो, जो अपना यहाँ पर slider था, यह slide बार है, इस पर अगर मैं hit करता हूँ, तो अपन इस पर आने चाहिए, अब इस admin products वाले का अ

00:30:57देते हैं, और path में पन कहां देते है, slash admin तो hit होगा ही, साथ के साथ slash admin product यहाँ पर hit होने वाला है, चीजिक है, उसके बाद element यहाँ पर pass कर दो,

00:31:09और element पर अपना component पास कर दो

00:31:11वो आपके पास यहाँ पर क्या है

00:31:12आपका admin products वाला component ठीक है

00:31:15तो वो अपन यहाँ पर पास कर देते हैं

00:31:17मतलब इस URL पर hit होते ही

00:31:19आपका admin products यहाँ पर open हो जाना चाहिए

00:31:22और वो कहाँ पर slide bar की उपर

00:31:24जब मैं hit करूँ

00:31:25तो यह रा manage product वाला component section

00:31:27और इसके उपर 2 लगाता हूँ

00:31:29और यहाँ पर उस URL को पास कर देता हूँ

00:31:31मतलब जैसे ही मैं इस पर क्लिक करूँगा

00:31:33तो अपना जो manage product है

00:31:35मतलब यह वाला URL है

00:31:37इस पर hit होते ही कौन सा component render होगा

00:31:39admin dash यह जो product वाला component है

00:31:42जैसे अब भी इस पर click कर रहा हूँ

00:31:44यह dashboard पर है

00:31:45जैसे मैं इस पर click करूँगा

00:31:46manage product पर आगा

00:31:47जैसे इस पर click कर रहा हूँ

00:31:48तो मैंने copy paste क्यों करा

00:31:50क्योंकि मेरे को यहाँ पर left side वाला जो

00:31:52यहाँ पर बार अपने बनाया है

00:31:54इस बार को मिरे को यहाँ पर common रखना है

00:31:56common रखने के लिए मैंने यहाँ पर copy paste कर लिया

00:31:58ताकि code वापस ना लिखना पड़े

00:32:00code वापस लिख भी सकते थे

00:32:02लेगिन मैंने copy paste कर लिया

00:32:03ताकि काम थोड़ा सा easy हो जाए

00:32:05उसके लिए अपने यह काम किया है

00:32:07यहाँ पर perfect तो यहाँ पर अपने पास

00:32:11अपना manage products अपने पास यहाँ पर आ रहा है

00:32:13अब यहाँ पर अपने को क्या दिखाना है

00:32:15यहाँ पर अपने को दिखाना है

00:32:17अपने जो भी products अपने जैसे मैं यहाँ पर बता रहा हूँ

00:32:19कि 45 product आपने यहाँ पर add कर रहे

00:32:21तो वो मैं यहाँ पर दिखा देता हूँ

00:32:23अब manage product में सबसे पहले अपने एक button दे देते हैं

00:32:26जिस button में अपने यहाँ पर कहते हैं

00:32:28कि अगर आपको products add करने हैं

00:32:30तो एक button रहेगा add product का

00:32:32अगर नए product add करने हैं तो

00:32:33फिर उसके बाद

00:32:36अपन यहाँ पर जो भी product अपने

00:32:38add कर रखे, publish कर रखे

00:32:40वो सारे product यहां पर show होने चीए

00:32:42यहां तक की चीज समझ मैं है कि

00:32:44आप सभी को

00:32:45यहां तक की चीज

00:32:48अगर समझ मैं ही तो एक बार comment करके बताओ

00:32:50अरजुन के रहे

00:32:56terms and condition बचा है सर

00:32:58वो कुछ नहीं बिल्कुल easy सी चीज है

00:32:59वो देख लेंगे अपना आगे

00:33:02श्रेगल करें कि

00:33:08सर admin panel में active links जैसा

00:33:10कुछ add कर सकते हैं तो फ्रेंट बहुत

00:33:12अच्छा बना सकते हो आप जितना अच्छा बनाना चाहो

00:33:14क्योंकि आपको

00:33:16react की बहुत अच्छी knowledge है

00:33:17यह जो tailwind अपने पड़ी है

00:33:20उसकी भी बहुत अच्छी knowledge है तो जितना अच्छा बनाना चाहो

00:33:22उतना अच्छा बना सकते हो अपने base पे

00:33:24लेकिन मेरा main motive यह है

00:33:26कि मैं आपको इसमें जो back in की चीज़े है

00:33:28वो मैं आपको समझाऊ

00:33:30हाँ हाँ

00:33:32about का भी बचा है यह सब चीजे

00:33:34बची है एक बार आगे तो बनने दो प्रोजेक्ट में कई चीजे तो मैं आपको टास्क दूँआ जो आप खुदी बनाओगे जैसे about की अगर अपन बात करते तो about आप खुदी बना के रख दोगे एक बार आगे तो बनने दो इसमें पूरा

00:33:47और यूऑ आइंड कमपलीट नहीं बन रहा है अभी front end का भी जैसे यूजर का अपन ने बनाया तो यूजर का भी complete नहीं है वह उसमें बहुत सारी चीजे भी missing रहे है वह अपन जैसे जैसे जैसे चीजे आती जाएगी सामने वैसे वैसे अपन बनाते जाएंगे उसको चीक

00:34:17तो यह तो बात हो गई

00:34:47पने पास इस चीज किई आगे आपके कि यहाँ पर जल्दी से मै� Strand & Monak

00:34:54और भी यहाँ पर बना सकते जो है और बहुत सारी चीज़ को है जो मतलब यूजर को जो दिख रहा उसको सब चीज को हैंडल करें वह सारा काम हैं यहाँ पर कर सकते हैं

00:35:06अब देखो यह जो manage product अपने यहाँ पर दिखाया है इसी के अंदर मैं यहाँ पर एक button लगाता हूँ और उस button के अंदर अपने को दिखाना है add products जैसे उस पर click करें तो वो product add कर देगा और जो product add करेगा वो front end पर show होना चीए यही काम अपने को करवाना है समझना एक बार के ल

00:35:36products ठीक है add products का button अपन यहाँ पर create कर देते हैं जैसे मैं इस पर click करूँगा तो अपन product add कर पाए यह काम अपने को यहाँ पर करना है तो यह अपने एक button मना है add product करके अब यहाँ पर जल्दी से अपन इसको थोड़ा सा कस्टमाइज कर देते हैं मैं यहाँ पर इसको class name देता

00:36:06बटन के अंदर चीक है मैंने यहाँ पर इस बटन पर क्या लगा एक तो फ्लैक्स लगा दिया item center लगा दिया और इसका जो background color वह भी अपन सेट कर देते हैं बीजी में यहाँ पर green में जैसे आप यहाँ पर 500 सेट कर देना इसका background color green कर देना और जो इसका text है वह आप यहाँ

00:36:36ठीक है और उसके अलावा जो इसका होवर है होवर की उपर जो इसका बीजी है ठीक है वो यहाँ पर अपन कह देते हैं green color के अंदर आप यहाँ पर इसको change कर देना जैसे 700 कर देना ठीक है तो इसका बीजी green में यह होना चाहिए बस इतना सा काम करके देखो क्या आ रहा है य

00:37:06तो जैसे मैं इस पर करसल लेके जारा हूँ तो add products का अपने पास यह बटन बन गया जैसे ही मैं इस पर click करूँ तो click करते ही अपने को यहाँ पर क्या करना है एक नया component दिखाना पड़ेगा जिसके अंदर add product का अपने पास यहाँ पर सारी fills आनी इची है कि product का title क्या है product का description

00:37:36यहाँ पर बना देते हैं जैसे add product करके अपन अपना एक नया component यहाँ पर बना देते हैं ठीक है तो जल्दी से अपने को एक नया component बनाना पड़ेगा जिसको मैं यहाँ पर कहता हूँ

00:37:46add products ठीक है dot jsx यहाँ पर करके अपने अपना component में आते हैं मैंने आपर इसको create कर दिया और fc करके add products वाला अपने पास एक component आएगा जिसमें

00:37:59मैं catch one tag ले लेता हूँ और मैं आपर कहता हूँ add products यह अपन कहते हैं चीक है इसका URL बनाना पड़ेगा सबसे पहले इसका URL बना लो तो मैं यहाँ पर वही अपना admin सोरी राउट अपन यहाँ पर लेने वाले और यहाँ पर अपन अपना path बनाएंगे path में मैं आपर कहता हू

00:38:29और element में अपन यहाँ पर कह देते हैं कौन सा component के लिए बना रहे हैं जो मैंने यहाँ पर अपना अभी अपने बनाया अपना add products वाला component चीक है इस URL पर हिट होगा तो यह component आ जाना चीए वो कब आएगा जब आपने admin product वाला जो dashboard आपने बनाया है उसमें इस button के उपर click करो �

00:38:59यह button इसके अंदर wrap कर दो और इसके उपर लगा दो अपना क्या 2 इसके उपर लगा दो अपना 2 और 2 के अंदर अपन यहाँ पर pass कर देंगे कौन सा URL यह वाला और यह URL यहाँ पर pass कर दो चीक है तो यह easy सा code था dashboard है manage product है इस पर click करोगे तो आप आप आगए अपने किसके उ�

00:39:29करने वाले वही same ठीक है तो एक काम करो वही add product बना रहे तो left side आपका जो slider है वह तो शो होता ही रहना चाहिए तो उसके लिए वही हमेशा admin dashboard की copy कर लो वही आप तो मैं admin dashboard की copy कर लेता हूं

00:39:42Itís नाम रखा है वह रख दो इसका नाम यहाँ पर आपने रखा है add products चीक है और यही नेम अपन इसका दे देत Fay मैं यहाँ पर एड products रख देता हूं और यहाँ पर भी क्या रख देता है अपना add products चीक है इसको चेंज खालो यहाँ पर अपन admin dashboard नहां क्राओं के यहाँ अपर

00:40:12ठीक है एड़ प्रोडक्स आप यहां पर कह देना और यह लो यह अपने पास एड़ प्रोडक्स आ जाएगा ठीक है अब इस जीव का तो कोई काम नहीं है इसको हटा दो

00:40:25के इनद्र अपने को यहां पर अपनी सारी देनी है कि प्रोडक्त का टाइटल क्या है क्या है

00:40:54क्योंकि अपन यहां पर जो product दे रहे, उसका एक तो title है, एक image है, एक description अपन यहां पर ले रहे, एक उसकी price ले रहे, उसके अलावा इसका जो category है, वो भी तो अपन देंगे कि category यहां पर all cafe, जब आप category set करोगे अपने admin panel से, तब ही तो अपन उसको filter कर पाएंगे अपने front end प

00:41:24तो जल्दी से अपन यहां पर इसको create कर लेते हैं, एक काम करते हैं, यह अपने इसको create करा, यह add product खाता, इस add product के बाद ही h1 tag लिए रखा है, इसी के बाद मैं यहां पर एक button बना देता हूं, अब यह button क्यों बना रहा हूं, इस button को बना देता है, अपन एक back का button, जैसे मैं

00:41:54पन यहां पर class name देता हूं, और बी जी यहां पर इसको देते हैं, एक grey और grey में जैसे 200 में इसको pass कर देता हूं, और, px अपन यहां पर इसको 4 की देते हैं, और, py मैं यहां पर इसको to

00:41:55इसको देता हूं और गॉय यहां पर इसको देता हूं और अच्छ 9-0 की देता हूं यहां पर आğan

00:42:10का देना और के उपर आप जो बीजी है वह आप यहां पर थोड़ा सा डार कर देना ग्रे

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

00:42:38मैं साइन कर दो तो यहां पर आपन कहते हैं कॉंस्ट मैं आपर कहता हूं नैवीगेट जहां पर भी आपको नैवीगेट करना है यहां पर आपन नैवीगेट करवा देंगे और इस बटन के क्लिक पर करना है तो ऑन क्लिक इस पर लगा दो और आपको क्या करना है नैवीगेट

00:43:08को पास करतो बसूरा एक प्रोडक्ट बैक एक प्रोडक्ट बैक टूए अपने पास

00:43:17अपने सिर्फ एक बैक बनाया और पूछी नहीं करा है कि लिए होगी यहां तक की की चीज तो आप देखो आगे बढ़ते हैं यह

00:43:24작rison यह नहीं सीख रहे हैं तो इसके अंदर देख रहे हैं कि अपन कीस तरी पर करेंगे

00:43:45जो है उस product का name क्या है

00:43:48पहला तो product का name ही होगे

00:43:50जो अपन लेने वाले है

00:43:51admin से और

00:43:54इसका जो input होगा

00:43:55वो यहां पर अपन क्या लेंगे

00:43:58अपना text चीक है

00:43:59पहली तो अपन यहां पर क्या ले रहे

00:44:01यह चीज ले रहे इस label कод

00:44:03अपन यहां पर जल्दी से create कर लेते हैं

00:44:05मैं चेक करता हूँ यहाँ पर label आ गया product name आ गया ठीक है इस label को अपन class name दे देते हैं फिर उसके बाद सबको तो बस copy paste करना रहेगा तो जल्दी से अपना ही create हो जाएगा इसको मैं यहाँ पर class name दे देता हूँ चीक है और इस label को अपन कह देते हैं block तो आप इसको करीदेना �

00:44:35यहाँ पर अपना जो है वो semi bold अपन ले या फिर जैसे मैं यहाँ पर medium कर देता हूँ

00:44:41medium आप कर देना phone को चीक है और margin bottom से अपन यहाँ पर one की set कर देते हैं यह मैंने सिर्फ किस पे कर आपने product name का जो अपने को दिखाए देने वाला है फिर उसके बाद आपका input है इस input को भी जल्दी से class name दे दो यहाँ पर आप class name दोगे चीक है तो इस input को भी अपन यहाँ पर

00:45:11आपर four की assign कर देते हैं py में इसको two की assign कर देता हूं उसके अलावा यहाँ पर अपन border बना देते है ठीक है और जो border आप यहाँ पर create करना चाते हो वो में यहाँ पर कर देता हूं की आप यहाँ पर grey color के अंदर आप यहाँ पर इसको 300 की border दे देना ठीक है 300 इसकी velocity होनी ची�

00:45:41rounded कहां गया

00:45:44rounded कर देना

00:45:47और focus के उपर बस changes कर देना

00:45:49जब मैं इसके उपर focus करूँ

00:45:51तब आप यहाँ पर

00:45:52इसकी outline जो है

00:45:54वो आप यहाँ पर none कर देना

00:45:55outline को क्या कर देना?

00:45:57none, क्यों कर रहाँ run?

00:45:58क्योंकि यहाँ पर focus के उपर

00:46:00में को मेरी ring दिखानी है

00:46:02और ring यहाँ पर अपन दिखाएंगे 2 की

00:46:04और जब मैं वापस यहाँ पर कह रहाँ कि

00:46:06focus पे जो ring बन रही है

00:46:07उस ring का जो color है वो आप यहाँ पर

00:46:09green color के अंदर 600 दिखा देना

00:46:12यह अपने सिर्फ एक input box बनाया

00:46:15product name करके

00:46:16perfect है, एक काम करते है

00:46:18इसको भी अपने काट के अंदर ही रख देते है

00:46:20मैं यहाँ पर यह जो form लिया है

00:46:22इस form को ही class देता हूँ

00:46:23मैं यहाँ पर इस form को ही class देता हूँ

00:46:25और इसको class देके अपन यहाँ पर set कर देते है

00:46:28ठीक है, यह जो form लिया है

00:46:30इसी को class देता हूँ

00:46:31मैंने बुला इसका bg जो है वह आप यहाँ पर white कर देना धिका इसका background color white और इस पर अपने एक shadow create कर देते हैं जैसे shadow md की लगा दी और यहाँ पर मैंने कहा दिया rounded

00:46:41rounded आप यहाँ पर इसको कर देना

00:46:44excel ठीक है

00:46:46और padding अपन यहाँ पर इस पर लगा देते है

00:46:48जैसे six की padding लगा देना

00:46:50और maximum width अपन यहाँ पर इसकी set कर देते है

00:46:52जैसे three excel

00:46:54ठीक है three excel की मैं यहाँ पर maximum width set कर देता हूँ

00:46:56MX अपन यहाँ पर कर देते है

00:46:58auto कर देना आप

00:46:59ठीक है और space अपन यहाँ पर देते है अपना y का वाई का जैसे मैं यहाँ पर 6 का space यहाँ पर assign कर देता हूँ

00:47:07तो अपने पास यह एक card यहाँ पर create हो गया रहा है product name सिर्फ अपने यहाँ लिया है

00:47:12seem ऐसी ही यह तो सिर्फ अपने product name लिया है फिर उसके बाद अपने पास यहाँ पर क्याएगी

00:47:19product related आप यहाँ पर क्या क्या चीज़े लिए यहाँ पर यहाँ पर यह description मतलो

00:47:26यहाँ पर अपन देते है इसका जैसे category कि यह क्या category है

00:47:30coffee तो आपने लिखा लेकिन coffee जो है वो किसम 딱 आई ही category में

00:47:34वो आई है आपके café गेंदर यहाँ पर जैसे आपने और कुछ लिया जैसे मानलो

00:47:38आपने apple लिया apple किस category में आएगा fresh वाली category में आएगा

00:47:42आपने laptop लिया laptop किस category में आएगा laptop आएगा आएगा आपके electronics वाली

00:47:45लैप्टोप आएगा आपके electronics वाले category में तो यहां पर अपन अपनी categories देने वाले हैं तो यह अपने पास पहली फिल्ड होगी product name ऐसे ही same मैं आगे भी create कर लेता हूं और आगे अपन यहां पर कह देते हैं एक label मैं यहां पर ले लेता हूं जिसके अंदर अपन यहां पर कह दे

00:48:15रुपी में लेंगे अपन तो यहां पर मैं रुपी को ही print कर लाता हूं ठीक है कि आपको रुपी� में ही देनी और यहां पर ले लेता है अपना input अपनाing button

00:48:24ओंप और इनपूट кॉलन मैं यहां पर ले लेता हूं अपना number कि भाई आप नंबर ही देता हूं पर क्यूんकि

00:48:45label और label में अपने को यहां पर क्या करेते हैं अपनी category जो अपने को यहां पर लेनी है

00:48:53कि categories क्या क्या है तो यह categories का अपने section ले लिया अब इस categories में अपने को यहां पर क्या क्या दिखानी है

00:49:05categories में अपने को सारी categories अपनी

00:49:07यहां पर देनी है, तो जल्दी से

00:49:09अपन यहां पर इसको भी create कर लेते हैं, मतलब अपने को

00:49:11एक क्या लेना पड़ेगा, select और select के अंदर

00:49:13अपने को क्या देने पड़ेंगे, अपने options देने पड़ेंगे

00:49:16ठीक है, options अपने को

00:49:17यहां पर देने पड़ेंगे, एक बार के लिए चेक कर लो

00:49:20कि क्या क्या कैटेगरी इस अपने लिए

00:49:21एक, दो, तीन, चार, पाँच

00:49:24और तो देने की जरूरत ही नहीं ना अपने को

00:49:26एक, दो, तीन, चार,

00:49:28पाँच, छह, साथ, साथ कैटेगरी है

00:49:29बाद में अपन अपडेट करते हैं रहेंगे, और भी आईगे अपने पास

00:49:32चीक है, वो सारी चीज़े यहां पर mention कर दो

00:49:38पहला आपने यहां पर क्या लिए

00:49:39पहला आपने लिए है cafe

00:49:41तो मैं यहां पर कहतेता हूँ cafe

00:49:43चीक है, पहले काटेगरी क्या है

00:49:46पहले है cafe, फिर उसके बाद second क्या है

00:49:48चेक करते वे चलो second home

00:49:50फिर toys, फिर fresh

00:49:51तो मैं यहां पर कहतेता हूँ home

00:49:53यहां पर अपन कहते थे, अपना

00:49:56toys

00:49:57फिर अपन कहतेते है

00:50:00fresh

00:50:02ठीक है, फिर उसके बाद क्या है

00:50:04उसके बाद है electronics, mobile

00:50:06और beauty है न, तो यहां पर

00:50:09अपन कहते हैं, electronics, mobile और फिर अपने पास आता है अपना beauty, ठीक है, electronics, mobile और beauty, तो यह अपने पास अपना क्या आ जाएगा, अपना check box, मतलब वो आ जाएगा, select वाला option, तो यहाँ पर आप क्लिक करोगे, वो सारा अपने पास यहाँ पर आ रहा है, ठीक है, एक काम करो, यहाँ प

00:50:39यहाँ पर कह देते हैं, यहाँ आता है न, अपने पास की select, शुरू में initial जो दिखता है, जिसमें अपन कोई value लेके जाए नहीं दे, बस कहरें कि हाँ भाई, select कर ले न, आप यहाँ पर, तो वो select वाला यहाँ पर आ जाना चाहिए, परफेक्ट, उसके बाद product की image भी तो ब

00:51:09फाइल वाला section ले लो, input column, file मैं यहाँ पर कह देता हूँ, तो यहाँ पर अपने पास क्या जाएगा, अपना product की image आ जाएगी, फिर उसके बाद बाकी चीजे पन देखते हैं, आगे और क्या करना है, जल्दी से अपन label का जो था code, वो copy कर लेता हूँ, और सब के उपर लग

00:51:39पर लगा दो, तो देखो, यहाँ पर पहला price आ रहा है, पहला product name आ रहा है, फिर category आ रहा है, फिर product की image आ रही है, और submit का button भी अपने को लेना है, तो वो भी अपना आगे बना देते हैं, और इस input वाले code को भी मैं यहाँ पर copy कर लेता हूँ, और इस input के उपर भी मैं यहा�

00:52:09ठीक है, फिर उसके बाद अपने यह label लिया है, इसको थोड़ा सा अपने को change करना पड़ेगा, या फिर यही लगाते ते हो जाएगा काम, यह जो अपने select लिया है, इस select के उपर भी same ही लगा देता हूँ, मैं जैसे, same ही class लगा दो, एक बार check कर लो क्या हो रहा है, ठीक है

00:52:39यह रा input और इसके उपर भी same class ही लगा दो, same class लगा दो, ठीक है, तो यह अपने पास हो गया अपना, यहाँ पर आप select करोगे, यह आपके पास हो गया, आपके select वाला option, यह price हो गया, यह product का name हो गया, फिर उसके अलावा यहाँ पर एक button आएगा, और उस button को अपन यहाँ �

00:53:09ठीक है, add product का एक button रहेगा, और इसको जल्दी से customize कर लो, class name अपन यहाँ पर दे देते हैं, बीजी, बीजी में यहाँ पर कहता हूँ इसका, जैसे red करके करे देते हैं, यहाँ पर 600, ठीक है, और जो text है, वो आप यहाँ पर इसका white ही रख लेना, ठीक है, background ही रख लेना, text white

00:53:39ठीक है, rounded यहाँ पर रहना चाहिए, अपना, perfect, यहाँ पर अपने इसको rounded कर दिया, और hover के उपर इसको जो बीजी है, वो थोड़ा सा dark कर वालो, बीजी 600 तो आपने दिया ही है, red के अंदर आप यहाँ पर इसको कर देना जैसे 700, ठीक है, तो जब अपने इसके उपर hover करें�

00:54:09प्राइस देंगे, category अपन यहाँ पर select करेंगे, उसके बाद अपन एक image select करेंगे और add product करेंगे, जैसे मैं add product करूँआ तो यहाँ पर अपने वो product show हो जाना चाहिए, वो product add हो चुका है, तो यह अपना add product वाला यहाँ पर section अपने यहाँ पर create करा है, जिसमें अपन यहाँ

00:54:39ठीक है, div के अंदर इस button को रख दो, यहाँ पर और इस div को class दे दो, और इसको कह दो text write, ठीक है, text write तो अपना button right साइड चला जाएगा, ठीक है, तो यह अपने यहाँ पर create करा अपना dashboard और dashboard के अलावा manage product और add product अपन यहाँ पर करवा रहे हैं, ठीक है, अब बचा manage query और exit the store

00:55:09इसको complete कर लेंगे, यहाँ तक की चीज के लिए रहे, तो एक बार comment करके बताओ, कि यहाँ तक की चीज के लिए रहे, इसमें कोई doubt नहीं है, क्योंकि अब जो बचावा है, वो कुछ और बचावा है, बस वो अपना जो है, कल complete कर लेंगे, और कल Friday है, तो कल last class है, मतलब फिर

00:55:39ठीक है, तीन दिन का, 23 को अपनी class रहेगी, तो 23 को फिर अपन direct backend पर आएंगे, जितना अपना frontend बन चुका है, जितना हो चुका है, complete उतना ही रहने देंगे, अब फिर अपन जो है, अपने किस पर आएंगे, backend के उपर आएंगे, ठीक है, तो मतलब जो 23 वाली जो class होगी, �

00:56:09जी आती जाएगी, जिसे जिसे अपन changes करते रहेंगे अपनी website में, ठीक है, अगर कोई doubt हो, तो अपने doubt mention करो, आप,

00:56:18morning में लेलो sir class, नहीं, morning में नहीं हो सकती class, sorry, class की जो timing है, वो यही रहेगी, morning में अपनी कोई class होगी नहीं, वैसे मैं आपको बता दू, अगर in future कोई batches भी आते, तो वो सारे evening में ही रहेंगे, ठीक है, पांच बजे के बाद ही,

00:56:48सर, यह number field में increase, decrease का icon कैसे हटाते हैं, बिल्कुल easy है, हटा सकते हो, कोई issue नहीं है, number field में अपने इसको हटा सकते हैं,

00:57:05back button पर back arrow का भी use करें sir, ठीक है, back button पर back arrow का भी use कर लेंगे, वो अपन icon ही तो लगाना है,

00:57:13मारिय अगरेगी sir, सारी website में admin panel बनाते हैं, yes बिल्कुल,

00:57:20जितनी भी website आप देखते हो, उसमें admin panel होता है,

00:57:25जैसे आप कोई भी website देखते हो, तो उसमें admin panel होता है, जो admin के पास ही होता है,

00:57:30वो सिर्फ admin ही access कर सकता है, और कोई access नहीं कर सकता,

00:57:34मतलब जो उस company का admin होगा, manager होगा, जिसको यहाँ पर product manage करने सारा काम करना है,

00:57:40वो ही उसका access के बाद होता है, जैसे अपनी website का LMS आने वाला है बहुत चल्द,

00:57:46तो जितनी भी classes होगी, जितनी भी सारी चीज़े होगी, उनका access सिर्फ हमारे पास रहेगा,

00:57:51आप classes ले सकते हो, classes पे comment कर सकते हो, चैट कर सकते हो, यह सारा काम कर सकते हो,

00:57:58चैट का reply गरना, आपकी कोई classes की कोई comment है, उनको check करना, यह सारा काम हमारा रहेगा,

00:58:06मतलब admin कराएगा जो admin रहेगा ठीक है

00:58:09अर्जुन करें कि सर ये तो मुझे पता ही नहीं था यही होता है

00:58:16सर आप deployment सिखाएंगे यस बिल्कुल अपन अपनी इस website को deploy भी करेंगे

00:58:27tension मतलो

00:58:28अर्जुन करें कि सर इसे कोई भी access कर सकता है कि नहीं इसे कोई

00:58:35कोई भी access नहीं कर सकता यह सिर्फ admin के पास ही इसके rights होता है क्योंकि अपन इसको secure बनाएंगे

00:58:39JWT की तुरू तो मतलब कोई भी इसे access नहीं कर सकता

00:58:43admin का जो user और password होगा उसके basis पर वो खुद ही access कर सकता और कोई भी इसे नहीं चला सकता

00:58:48आप जितनी भी websites देखते हो जैसे e-commerce website देखते हो तो उसमें यहीं होता है ऐसा नहीं है कि code में जाके changes होता है

00:59:06code तो एक बार लिख दी उसके बाद website चलती रहती है front end पे ठीक है अब ऐसा थोड़ी नहीं कि manager जाके अपना पूरा code change करेगा या फिर developers को बोलेगा कि product add कर देना यह नया product आया है ऐसा नहीं होता

00:59:21पूरा एक complete user interface बनावा रहता है

00:59:26LMS कोन पढ़ाएगा LMS पढ़ाने की बात नहीं करता है मैं LMS अपना website आ रहा है पूरा जो login सिस्टम वाला पूरा रहेगा जिसमें आप login करके अपने dashboard को access करके classes ले सकते हूं सारा काम कर सकते हूं

00:59:40LMS पढ़ाने की बात नहीं है

00:59:43LMS जो बना रहे है वो आपके सरही बना रहे है LMS को wait करो बहुत जल्द आ जाएगा अपना LMS वाला

00:59:50अभी उसके उपर काम चल रहा है LMS के उपर

01:00:00ठीक है attendance के point 1 और point 2 मैं आपको बता देता हूं attendance के point 1 के अंदर आपको mention करना है admin

01:00:12ठीक है और attendance के point 2 के अंदर आपको mention करना है

01:00:18क्या mention करना है देवान्शू सर यह mention करना है आपको attendance के point 2 के अंदर

01:00:26attendance के point 1 मैं admin और point 2 के अंदर mention करना है आपको देवान्शू सर ठीक है

01:00:31सर QR कैसे add कर सकते

01:00:33इंसाइड वेबसाइड बिल्कुल ही

01:00:35easy है QR add करना तो

01:00:37QR अगर बनावा है तो उसको इमेज की तरू

01:00:39add करवा दो और अगर कुछ