MERN E-Commerce – Admin Panel, Redux Toolkit, Payment Gateway, Cloud Deployment, Emails
ई-कॉमर्स क्षेत्र में बिजनेस करने वाले लोगों के लिए एक अच्छा और फ्लेक्सिबल सॉल्यूशन है MERN (MongoDB, Express, React, Node) स्टैक।
MERN स्टैक के साथ ई-कॉमर्स वेब ऐप्प्स डेवलप करने के लिए कई तरह की विशेषताएं जुड़ी हुई हैं। इनमें से कुछ मुख्य हैं: एडमिन पैनल, रीडक्स टूलकिट, पेमेंट गेटवे, क्लाउड डिप्लायमेंट, ईमेल्स।
एडमिन पैनल
ई-कॉमर्स वेबसाइट के लिए एक एडमिन पैनल बहुत आवश्यक होता है जिससे व्यवसायियों को अपने बिजनेस का प्रबंधन करने की सुविधा मिले। एडमिन पैनल की मदद से वे प्रोडक्ट्स, ऑर्डर्स, यूजर्स, पेमेंट्स आदि का प्रबंधन कर सकते हैं। MERN स्टैक में एडमिन पैनल को डेवलप करने के लिए react-admin, mern-admin जैसे फ्रेमवर्क प्रयोग किए जा सकते हैं।
रीडक्स टूलकिट
रीडक्स टूलकिट एक शक्तिशाली रेडक्स स्टेट मैनेजमेंट लायब्रेरी है जो वेब ऐप्स में डेटा को प्रबंधित करने के लिए उपयोग किया जाता है। MERN ई-कॉमर्स वेबसाइट में रीडक्स टूलकिट को डेटा प्रबंधन के लिए एक बहुत उपयुक्त उपकरण माना जाता है।
पेमेंट गेटवे
ई-कॉमर्स वेबसाइट में पेमेंट गेटवे की उपलब्धता किसी न किसी तरह से आवश्यक होती है। इसके लिए MERN स्टैक में विभिन्न पेमेंट गेटवे इंटीग्रेशन की जा सकती है जैसे PayPal, Stripe, Razorpay, etc.
क्लाउड डिप्लायमेंट
MERN वेब ऐप्स को डिप्लाय करने के लिए क्लाउड सेवाएं जैसे AWS, Azure, Google Cloud Platform का उपयोग किया जा सकता है। ये सेवाएं वेबसाइट को स्केल करने में भी मदद करती हैं और सुरक्षा को भी मजबूती प्रदान करती हैं।
ईमेल्स
ई-कॉमर्स वेबसाइट में उपयोगकर्ताओं को ईमेल्स के माध्यम से नोटिफिकेशन और आदेश संबंधित सूचनाएं भेजी जाती हैं। MERN स्टैक में ईमेल सर्विस प्रोवाइडर्स को इंटीग्रेट करने के लिए नोड जे.एस. फ्रेमवर्क प्रयोग किया जा सकता है।
CRA redux template is Archived now. use this command to get redux template :
npx degit reduxjs/redux-templates/packages/cra-template-redux react-app
[ redux files is inside template/src – paste it in your CRA project inside src]
2 Extra Videos :
React Last Part – https://youtu.be/I7xkJBgaAmQ
Node Last Part – https://youtu.be/Ze7LSErguFM
🔥 Code Repositories:
– React [ Frontend ] – https://github.com/coderdost/MERN-eco…
– Node [ Backend ] – https://github.com/coderdost/MERN-eco…
🔥Related MasterClasses:
– React [ 10 Hours ] –
• 10-Hour React Mas…
– NodeJS / Express/ Mongoose [ 12 hours ] –
• 12-Hour NodeJS Ex…
– Redux [ 7 hours ] –
• 7-Hour Redux and …
🔥 Related Videos :
– Multer Middleware (for file upload) –
• File Upload in No…
– Mongoose populate –
• Mongoose Populate…
– Passport JS Authentication –
• Passport JS in No…
– JWT Auth is from – Node MasterClass (Link above)
– Vercel deployment details – Node MasterClass (Link above)
– React Router Crash Course: https://bit.ly/36YfO2i
🔥 Features :
– Basic E-commerce Features- Product lists, Product Details, Cart, Checkout
– Secure Card Payments / Cash payments
– Admin Panel – Add/Edit Orders. Add/Edit Products
– Sorting, Filtering, and Pagination queries using Mongoose
– Authentication with Passport JS strategies
– Order Emails, Reset Password Emails
– User Profile and user orders
🔥 Technical Details :
– React 18 with Tailwind CSS
– Redux Toolkit with Async Thunk
– React Router v6
– JSON-server for front-end testing
– MongoDB for Database
– Mongoose v7 as ODM
– REST API using Express
– Authentication using Passport JS
– API Authentication using Passport JWT
– MongoDB Atlas cloud database
– Vercel Server deployment
– Email using Nodemailer – using GMail SMTP system
– Payments using Stripe – PaymentIntent based custom flow
11:32:22 / 11:59:55
10:55:51 / 11:59:55
11:11:31 / 11:59:55
11:11:28 / 11:59:55
11:04:21 / 11:59:55
10:59:46 / 11:59:55
10:56:35 / 11:59:55
10:55:13 / 11:59:55
10:53:16 / 11:59:55
10:41:39 / 11:59:55
10:33:50 / 11:59:55
9:50:32 / 11:59:55
Sir which theme you are using
9:46:08 / 11:59:55
10:59:18 / 11:59:55
10:33:57 / 11:59:55
10:22:09 / 11:59:55
10:01:29 / 11:59:55
10:00:06 / 11:59:55