دوره تجارت الکترونیک MERN (+ کیف پول دیجیتال فینتک) - Shopito
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن تجارت الکترونیک با MERN stack
- یکپارچهسازی Stripe ،PayPal و Flutterwave
- ساخت یک کیف پول دیجیتال نوع فینتک و یکپارچهسازی آن در اپلیکیشن
- و بسیاری موارد دیگر...
پیشنیازهای دوره
- انتظار میرود دانشجویان دانش اساسی از MERN Stack - شامل React ،Node/express و MongoDB داشته باشند.
توضیحات دوره
یک اپلیکیشن تجارت الکترونیک فولاستک پیشرفته با MERN stack بسازید. Stripe ،PayPal و flutterwave را یکپارچهسازی کنید و یک کیف پول دیجیتال فینتک بسازید. این یکی از بهترین دورههای تجارت الکترونیک موجود است.
آیا آمادهاید یک وباپلیکیشن کامل تجارت الکترونیک را از ابتدا با استفاده از MERN stack مدرن (MongoDB ،Express.js ،React.js و Node.js) بسازید؟ این دوره طراحی شده است تا شما را از ابتدا به سطح آماده برای تولید با یک فروشگاه آنلاین دنیای واقعی برساند، که شامل موارد زیر است:
مدیریت محصول
احراز هویت کاربر
عملکرد سبد خرید
یکپارچهسازی درگاههای پرداخت متعدد
داشبورد ادمین
سیستم کیف پول دیجیتال
چه یک توسعهدهنده مشتاق فولاستک باشید، چه فریلنسری که به دنبال گسترش مهارتهای خود است، یا کارآفرینی که میخواهد یک فروشگاه آنلاین سفارشی بسازد، این دوره برای شما مناسب است.
آنچه خواهید آموخت:
- راهاندازی معماری کامل تجارت الکترونیک MERN stack
- استفاده از Redux Toolkit برای مدیریت استیت کارآمد
- یکپارچهسازی درگاههای پرداخت Stripe ،PayPal و Flutterwave
- ساخت یک سیستم کیف پول دیجیتال سفارشی برای پرداختهای دروناپلیکیشنی
- ایجاد احراز هویت امن کاربر با JWT
- مدیریت محصولات، سفارشات و کاربران از داشبورد ادمین
- پیادهسازی رابط کاربری واکنش گرا با Tailwind CSS یا Bootstrap
- استقرار اپلیکیشن در محیط تولید (ماژول اختیاری)
تکنولوژیهای پوشش داده شده:
- فرانتاند: React.js ،Redux Toolkit
- بکاند: Node.js ،Express.js ،MongoDB (Mongoose)
- احراز هویت: JWT ،bcrypt
- پرداختها: Stripe ،PayPal ،Flutterwave
- موارد اضافی: سیستم کیف پول دیجیتال، پنل ادمین، RESTful APIs
- ویژگیهای پروژه
رابط کاربری بصری و واکنش گرا
- عملکرد سبد خرید
- آپلود فایل چندگانه
- مدیریت استیت با Redux Toolkit
- داشبورد ادمین
- تاریخچه سفارشات
- امتیازدهی و نقد و بررسی محصول
- فیلتر محصول
- دانلود فاکتور PDF
- ارسال ایمیلهای تراکنشی
- لیست علاقهمندی محصولات
- ایجاد کوپنهای تخفیف
- مدیریت دستهبندیها و برندهای محصول
- ساخت کیف پول دیجیتال شبیه فینتک
- دریافت و ارسال پول به سایر کاربران
- واریز وجوه به کیف پول
- پرداخت با Stripe ،Flutterwave ،PayPal و کیف پول دیجیتال
- و بسیاری موارد دیگر…
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که با MERN stack آشنا هستند و میخواهند یک پروژه تجارت الکترونیک پیشرفته بسازند.
- توسعهدهندگانی که میخواهند مهارتهای برنامهنویسی خود را ارتقا دهند.
دوره تجارت الکترونیک MERN (+ کیف پول دیجیتال فینتک) - Shopito
-
دموی Shopito - بخش 2 - دموی ادمین 11:11
-
مقدمه و پیشنیازهای دوره 03:16
-
گردشکار پروژه 04:08
-
راهاندازی پروژه 05:25
-
راهاندازی دستی پروژه 10:33
-
راهاندازی Router 04:48
-
کامپوننت هدر - لوگو 06:48
-
کامپوننت هدر - منوی ناوبری 08:59
-
کامپوننت هدر - سبد خرید 04:13
-
کامپوننت هدر - منوی ریسپانسیو 11:25
-
کامپوننت فوتر 03:48
-
کامپوننت اسلایدر JSX 17:06
-
منطق کامپوننت اسلایدر 12:58
-
کامپوننت جعبه اطلاعات صفحه اصلی 08:45
-
کامپوننت عنوان صفحه 05:16
-
کامپوننت کاروسل 07:41
-
کامپوننت آیتم کاروسل 09:33
-
نمایش کاروسل در صفحه اصلی 06:25
-
کامپوننت دستهبندیها 09:43
-
کاروسل تلفنهای همراه 01:39
-
کامپوننت لینکهای فوتر 12:16
-
B - چسبنده کردن هدر 05:05
-
سوئیچ به احراز هویت بکاند 01:51
-
ایجاد سرور و اتصال به MongoDB 13:50
-
تست با Insomnia 02:50
-
راهاندازی Middlewares 03:38
-
ایجاد مدل کاربر 08:41
-
ایجاد روت و کنترلر کاربر 08:34
-
ایجاد میدلور خطا 07:51
-
کنترلر ثبتنام کاربر 17:22
-
ثبتنام کاربر و هش کردن رمز عبور 12:54
-
ورود کاربر - روت و کنترلر 13:47
-
خروج کاربر - روت و کنترلر 03:40
-
ایجاد میدلور محافظت و دریافت کاربر 16:04
-
روت و کنترلر دریافت وضعیت ورود 04:45
-
روت و کنترلر بروزرسانی کاربر 08:02
-
روت و کنترلر بروزرسانی عکس 06:02
-
سوئیچ به فرانتاند - احراز هویت 01:03
-
کامپوننت لودر 12:07
-
کامپوننت کارت (Card) 03:16
-
کامپوننت ورود - JSX 11:40
-
کامپوننت ثبتنام - JSX 07:52
-
راهاندازی Redux Toolkit 06:53
-
ثبتنام کاربر - منطق Redux 25:10
-
ورود کاربر - منطق کامپوننت 08:24
-
خروج کاربر - منطق Redux 06:04
-
خروج کاربر - منطق کامپوننت 05:54
-
نمایش انتخابی لینکهای ناوبری 08:18
-
دریافت وضعیت ورود - منطق Redux 07:30
-
دریافت وضعیت ورود - منطق کامپوننت 02:35
-
دریافت کاربر، بروزرسانی کاربر - منطق Redux 13:23
-
ایجاد کامپوننت و روت پروفایل 02:32
-
ایجاد کامپوننت منوی صفحه 05:45
-
صفحه پروفایل - JSX 16:34
-
صفحه پروفایل - دریافت کاربر 07:32
-
صفحه پروفایل - بروزرسانی کاربر 08:50
-
صفحه پروفایل - نمایش تصویر پروفایل 10:49
-
خطای صفحه پروفایل - تغییر ورودی کنترلنشده به کنترلشده 04:52
-
صفحه پروفایل - آپلود تصویر در Cloudinary 21:21
-
صفحه پروفایل - نمایش نام کاربری 10:08
-
ایجاد مدل محصول 09:42
-
ایجاد روت محصول 11:12
-
ایجاد کنترلر محصول 12:56
-
دریافت محصولات - روت و کنترلر 03:18
-
سوئیچ به بکاند - بخش محصول 00:46
-
دریافت تک محصول - روت و کنترلر 03:36
-
حذف محصول - روت و کنترلر 05:05
-
بروزرسانی محصول - روت و کنترلر 08:10
-
نقد و بررسی محصول - روت و کنترلر 10:47
-
حذف نقد و بررسی - روت و کنترلر 05:05
-
بروزرسانی نقد و بررسی - روت و کنترلر 08:10
-
ایجاد مدل دستهبندی 05:24
-
ایجاد روت دستهبندی 04:01
-
ایجاد کنترلر دستهبندی 07:02
-
دریافت دستهبندیها - روت و کنترلر 03:55
-
حذف دستهبندی - روت و کنترلر 05:15
-
ایجاد مدل برند 03:02
-
ایجاد روت برند 04:18
-
ایجاد کنترلر برند 05:20
-
دریافت برندها - کنترلر 01:31
-
حذف برند - کنترلر 02:53
-
ایجاد مدل کوپن 05:12
-
ایجاد روت کوپن 03:04
-
ایجاد کنترلر کوپن 04:53
-
دریافت کوپنها - روت و کنترلر 02:06
-
دریافت تک کوپن - روت و کنترلر 09:48
-
حذف کوپن - روت و کنترلر 03:34
-
سفارش - مدل 08:04
-
سفارش - روت 03:41
-
ایجاد سفارش - کنترلر 12:51
-
دریافت سفارشات - کنترلر 09:50
-
دریافت تک سفارش - کنترلر 07:42
-
b - دریافت تک سفارش - رفع باگ 00:44
-
بروزرسانی وضعیت سفارش - کنترلر 09:47
-
سوئیچ به فرانتاند - ادمین 01:28
-
ایجاد لینک ادمین در هدر 04:35
-
ایجاد روت ادمین 03:11
-
ایجاد لایهبندی کامپوننت ادمین 04:31
-
ساخت نوار ناوبری ادمین 11:25
-
ایجاد دستهبندی - منطق Redux 18:35
-
ایجاد دستهبندی - روت 09:09
-
ایجاد دستهبندی - JSX 05:57
-
ایجاد دستهبندی - منطق کامپوننت 07:45
-
دریافت دستهبندیها - منطق Redux. 05:22
-
دریافت دستهبندیها - منطق کامپوننت 1 08:57
-
دریافت دستهبندیها - منطق کامپوننت 2 04:17
-
حذف دستهبندیها - منطق Redux. 05:22
-
حذف دستهبندیها - منطق کامپوننت 08:14
-
ایجاد برند - منطق Redux 06:04
-
ایجاد برند - روت 05:04
-
ایجاد برند - JSX 12:00
-
ایجاد برند - منطق کامپوننت 05:29
-
دریافت برندها - منطق Redux 03:32
-
دریافت برندها - منطق کامپوننت 11:03
-
حذف برند - منطق Redux 03:00
-
حذف برند - منطق کامپوننت 04:11
-
ریفکتور کردن دستهبندی و برندها 03:48
-
ایجاد محصول - منطق Redux 15:42
-
ایجاد محصول - روت 08:21
-
ایجاد محصول - JSX - بخش 1 15:07
-
ایجاد محصول - JSX - بخش 2 - ورودی دستهبندیها 15:42
-
ایجاد محصول - JSX - بخش 3 - ورودی برندها 10:58
-
ایجاد محصول - JSX - بخش 4 - سایر ورودیها 14:47
-
ایجاد محصول - ذخیره محصول 12:34
-
ویجت آپلود تصویر - بخش 1 - ساخت ویجت 10:42
-
ویجت آپلود تصویر - بخش 2 - افزودن و نمایش تصاویر 19:07
-
ویجت آپلود تصویر - بخش 3 - حذف تصویر 06:51
-
ویجت آپلود تصویر - بخش 4 - محدود کردن آپلودها 06:35
-
ویجت آپلود تصویر - بخش 6 - نمایش پیشرفت آپلود 05:41
-
ویجت آپلود تصویر - بخش 7 - نمایش تصاویر آپلود شده 07:18
-
ویجت آپلود تصویر - بخش 8 - حذف تصویر آپلود شده 07:02
-
دریافت محصولات - منطق Redux 04:16
-
دریافت محصولات - منطق کامپوننت 05:19
-
دریافت محصولات - کامپوننت جستجو 08:05
-
دریافت محصولات - نمایش محصولات 14:56
-
دریافت محصولات - صفحهبندی 07:32
-
حذف محصول - منطق Redux 03:29
-
حذف محصول - منطق کامپوننت 04:50
-
مدیریت خطا از مدل محصول 12:58
-
دریافت تک محصول - منطق Redux 06:11
-
دریافت تک محصول - منطق کامپوننت 05:49
-
بروزرسانی محصول - منطق Redux 04:51
-
بروزرسانی محصول - منطق کامپوننت - بخش 1 16:38
-
بروزرسانی محصول - منطق کامپوننت - بخش 2 10:49
-
بروزرسانی محصول - ریفکتور کردن کد 12:39
-
آپلود تعدادی محصول 02:31
-
ایجاد کوپن - روت 03:04
-
ایجاد کوپن - منطق Redux 11:46
-
ایجاد کوپن - JSX 09:24
-
ایجاد کوپن - منطق کامپوننت + دیباگ 18:20
-
دریافت کوپنها - منطق Redux 04:30
-
دریافت کوپنها - JSX و منطق کامپوننت 10:50
-
دریافت تک کوپن - منطق Redux 07:00
-
حذف کوپن - منطق Redux 03:23
-
حذف کوپن - منطق کامپوننت 06:18
-
محافظت از روتهای ادمین 09:49
-
محافظت از لینک ادمین 05:33
-
سوئیچ به صفحه فروشگاه 00:47
-
صفحه یافت نشد (Not Found) 03:29
-
ایجاد کامپوننت و روت فروشگاه 03:50
-
لایهبندی صفحه فروشگاه - بخش 1 11:27
-
لایهبندی صفحه فروشگاه - بخش 2 08:45
-
کامپوننت لیست محصولات - بخش 1 08:59
-
کامپوننت لیست محصولات - بخش 2 11:43
-
کامپوننت آیتم محصول 20:59
-
کامپوننت امتیاز محصول 15:12
-
فیلتر محصولات با جستجو 17:28
-
مرتبسازی محصولات 11:07
-
فیلتر محصول بر اساس دستهبندی - بخش 1 12:36
-
فیلتر محصول بر اساس دستهبندی - بخش 2 08:44
-
فیلتر محصول بر اساس برند 08:00
-
فیلتر محصول بر اساس قیمت - بخش 1 05:55
-
فیلتر محصول بر اساس قیمت - بخش 2 09:16
-
فیلتر محصول بر اساس قیمت - بخش 3 07:48
-
پاک کردن فیلتر 03:25
-
صفحهبندی فروشگاه 04:48
-
جزئیات محصول - کامپوننت و روت 03:38
-
جزئیات محصول - اسلایدر تصویر بخش 1 14:12
-
جزئیات محصول - اسلایدر تصویر بخش 2 10:45
-
جزئیات محصول - نمایش ویژگیهای محصول 17:53
-
Placeholder نقد و بررسی محصول 01:45
-
Placeholder نقد و بررسی محصول 01:45
-
ایجاد کامپوننت و روت سبد خرید 02:43
-
افزودن محصول به سبد خرید - بخش 1 19:08
-
افزودن محصول به سبد خرید - بخش 2 10:02
-
افزودن محصول به سبد خرید - بخش 3 03:05
-
افزودن محصول به سبد خرید - بخش 4 09:19
-
حذف محصول از سبد خرید 14:12
-
صفحه سبد خرید JSX 17:55
-
توابع صفحه سبد خرید 03:07
-
حذف محصول از سبد خرید 04:01
-
خالی کردن سبد خرید 05:08
-
محاسبه تعداد کل سبد خرید - منطق Redux 06:06
-
محاسبه تعداد کل سبد خرید - منطق کامپوننت 06:11
-
محاسبه مبلغ کل - منطق Redux 04:56
-
محاسبه مبلغ کل - منطق کامپوننت 04:13
-
ذخیره سبد خرید در پایگاه داده 07:26
-
دریافت سبد خرید از پایگاه داده 02:25
-
ذخیره سبد خرید در پایگاه داده - منطق Redux 08:52
-
ذخیره سبد خرید در پایگاه داده - منطق کامپوننت 06:17
-
دریافت سبد خرید از پایگاه داده - منطق Redux 09:26
-
دریافت سبد خرید از پایگاه داده - منطق کامپوننت 05:08
-
بروزرسانی آیتم محصول - افزودن به سبد خرید 03:34
-
ریفکتور کردن آیتم کاروسل - بخش 1 09:46
-
ریفکتور کردن آیتم کاروسل - بخش 2 14:01
-
کامپوننت اعتبارسنجی کوپن - JSX 17:04
-
کامپوننت تخفیف سبد خرید - JSX 09:39
-
اعمال کوپن - منطق Redux 09:47
-
اعمال کوپن - منطق کامپوننت 05:58
-
حذف کوپن - منطق کامپوننت 03:06
-
کامپوننت گزینههای پرداخت - JSX 14:18
-
ذخیره روش پرداخت - منطق Redux 11:08
-
ذخیره روش پرداخت - منطق کامپوننت 12:19
-
هدایت انتخابی کاربر در تسویه حساب 07:09
-
کامپوننت جزئیات تسویه حساب - JSX 16:45
-
کامپوننت جزئیات تسویه حساب - بروزرسانی فرم از Redux 09:10
-
کامپوننت جزئیات تسویه حساب - مدیریت ارسال 09:43
-
کامپوننت خلاصه تسویه حساب - بخش 1 15:23
-
کامپوننت خلاصه تسویه حساب - بخش 2 01:48
-
ایجاد حساب آزمایشی رایگان Stripe 03:41
-
پرداخت Stripe - بکاند 25:20
-
راهاندازی کامپوننت Checkout و CheckoutForm 06:49
-
تغییر کامپوننت Checkout 19:26
-
تغییر کامپوننت CheckoutForm 24:00
-
تست پرداخت Stripe و دیباگ 10:21
-
سوئیچ به بخش سفارش 02:03
-
ایجاد کامپوننت و روت سفارش 06:06
-
ایجاد سفارش - منطق Redux 11:08
-
ایجاد سفارش - منطق کامپوننت 17:25
-
کامپوننت موفقیت تسویه حساب 04:55
-
دریافت سفارشات - منطق Redux 03:10
-
دریافت سفارشات - منطق کامپوننت 15:15
-
دریافت یک سفارش - منطق Redux 02:57
-
نمایش جزئیات سفارش - منطق کامپوننت - بخش 1 16:51
-
نمایش جزئیات سفارش - منطق کامپوننت - بخش 2 07:29
-
دانلود جزئیات سفارش به صورت PDF 07:46
-
ایجاد کامپوننت و روت سفارشات - ادمین 07:50
-
ریفکتور و نمایش سفارشات - ادمین 10:48
-
ریفکتور و نمایش جزئیات سفارش - ادمین 11:20
-
بروزرسانی وضعیت سفارش - منطق Redux 05:39
-
بروزرسانی وضعیت سفارش - منطق کامپوننت 13:55
-
سوئیچ به بخش ایمیل تراکنشی 00:41
-
ایجاد اپلیکیشن Gmail برای ارسال ایمیل 02:31
-
ایجاد تابع ارسال ایمیل 15:33
-
ارسال ایمیل پس از ایجاد سفارش 04:59
-
ایجاد قالب ایمیل و ارسال ایمیل 17:17
-
مدیریت موجودی محصول 13:51
-
راهاندازی حساب Flutterwave 09:00
-
تسویه حساب Flutterwave - روت 06:09
-
تسویه حساب Flutterwave - تابع فرانتاند 13:13
-
تسویه حساب Flutterwave - ذخیره سفارش 12:50
-
راهاندازی حساب توسعهدهنده Paypal 05:29
-
ایجاد روت Paypal 02:24
-
یکپارچهسازی Paypal 20:45
-
تست Paypal 05:53
-
مقدمه بخش کیف پول 01:47
-
افزودن موجودی حساب به مدل کاربر 05:07
-
ایجاد مدل تراکنش 03:39
-
کنترلر انتقال وجه 16:56
-
تایید حساب - روت و کنترلر 05:37
-
دریافت تراکنش کاربر - روت و کنترلر 11:35
-
واریز وجه با Stripe - بخش 1 12:59
-
واریز وجه با Stripe - بخش 2 14:19
-
راهاندازی وبهوک Stripe - بخش 1 09:39
-
راهاندازی وبهوک Stripe - بخش 2 13:12
-
راهاندازی وبهوک Stripe - بخش 3 10:21
-
واریز به کیف پول با Flutterwave 10:28
-
ایجاد کامپوننت و روت کیف پول 06:11
-
ایجاد اطلاعات کیف پول - JSX 14:34
-
ایجاد پروموشن کیف پول - JSX 05:15
-
ایجاد لیست تراکنشهای کیف پول - JSX 22:26
-
دریافت تراکنشهای کیف پول - منطق Redux 16:36
-
دریافت تراکنشهای کیف پول - منطق کامپوننت 03:37
-
تایید حساب - منطق Redux 09:01
-
انتقال وجه - منطق Redux 02:40
-
انتقال وجه - ایجاد stateها 11:25
-
انتقال وجه - تعریف props 08:14
-
مودال انتقال - JSX 24:43
-
مودال انتقال - تابع بستن مودال 05:52
-
مودال انتقال - مدیریت تغییر ورودی 05:42
-
مودال انتقال - تایید حساب گیرنده 12:05
-
مودال انتقال - نمایش نام گیرنده 14:51
-
مودال انتقال - ارسال پول 15:12
-
مودال واریز - ایجاد Stateها و Props 08:53
-
مودال واریز - JSX 09:07
-
مودال واریز - بستن مودال 02:33
-
مودال واریز - واریز با Flutterwave 20:16
-
مودال واریز - واریز با Stripe 11:11
-
ارسال کد به GitHub 10:37
-
استقرار فرانتاند در Vercel 09:34
-
استقرار بکاند در Render 08:14
-
حل مشکلات احراز هویت 07:29
-
تست وبهوک 12:01
-
دیباگ وبهوک 13:17
-
یکپارچهسازی کیف پول - مقدمه 00:52
-
روت بکاند - یکپارچهسازی کیف پول 03:02
-
کنترلر - یکپارچهسازی کیف پول 21:57
-
تسویه حساب با کیف پول - کامپوننت و روت 03:50
-
تسویه حساب با کیف پول - JSX 15:11
-
تسویه حساب با کیف پول - منطق 18:44
-
لیست علاقهمندیها - مقدمه 01:12
-
راهاندازی روتها و کنترلر لیست علاقهمندیها 10:12
-
افزودن کنترلر لیست علاقهمندیها 05:36
-
دریافت کنترلر لیست علاقهمندیها 04:43
-
حذف از کنترلر لیست علاقهمندیها 04:02
-
فرانتاند - کامپوننت و روت لیست علاقهمندیها 02:07
-
فرانتاند - ایجاد سرویس لیست علاقهمندیها 06:00
-
فرانتاند - ایجاد اسلایس لیست علاقهمندیها 09:03
-
فرانتاند - کامپوننت لیست علاقهمندیها JSX 14:08
-
فرانتاند - دریافت لیست علاقهمندیها و حذف از آن 03:40
-
فرانتاند - افزودن به لیست علاقهمندیها 03:49
-
نقد و بررسی محصولات - مقدمه 02:38
-
بکاند نقد و بررسی محصول - مرور 04:00
-
نقد و بررسی محصول - کامپوننت و روت 04:51
-
نقد و بررسی محصول - سرویس محصول برای نقدها 06:33
-
نقد و بررسی محصول - اسلایس محصول برای نقدها 06:14
-
نقد و بررسی محصول - منطق کامپوننت - 1 09:22
-
نقد و بررسی محصول - منطق کامپوننت - 2 19:35
-
نقد و بررسی محصول - منطق کامپوننت - ثبت نقد 05:42
-
نقد و بررسی محصول - منطق کامپوننت - نمایش نقد 11:45
-
نقد و بررسی محصول - منطق کامپوننت - حذف نقد 02:33
-
نقد و بررسی محصول - منطق کامپوننت - بروزرسانی نقد 06:09
-
نقد و بررسی محصول - نمایش نقد در صفحه محصول 08:51
مشخصات آموزش
دوره تجارت الکترونیک MERN (+ کیف پول دیجیتال فینتک) - Shopito
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:323
- مدت زمان :46:14:07
- حجم :27.61GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy