آموزش جامع ساخت سایت فروشگاهی MERN از صفر تا صد - آخرین آپدیت

مقدمه Introduction

• خوش آمدید به دوره Welcome to the Course

• معرفی پروژه دوره Course Project Introduction

• مخزن کد دوره (Repo) Course Code Repo

• آماده‌سازی اولیه Getting Set Up

شروع کار با فرانت‌اند Starting the Frontend

• راه‌اندازی React و مقداردهی اولیه Git React Setup and Git Initialize

• کامپوننت‌های Header و Footer Header and Footer Components

• تم سفارشی Bootstrap Custom Bootstrap Theme

• لیست کردن محصولات List Products

• پیاده‌سازی React Router Implement React Router

• کامپوننت امتیازدهی Rating Component

• صفحه جزئیات محصول Product Details Page

ارائه و دریافت داده‌ها Serving and Fetching Data

• توضیح و جریان کاری Full Stack Full-Stack Workflow and Explanation

• سرور Express و مسیرهای اولیه محصول Express Server and Initial Product Routes

• استفاده از Nodemon و Concurrently Nodemon and Concurrently

• متغیرهای محیطی (Environment Variables) Environment Variables

• دریافت محصولات Fetch Products

راه‌اندازی MongoDB و Mongoose Starting MongoDB and Mongoose

• راه‌اندازی MongoDB Atlas MongoDB Atlas Setup

• راه‌اندازی MongoDB Compass MongoDB Compass Setup

• اتصال با Mongoose Connect with Mongoose

• مدل‌سازی داده‌ها Modeling Our Data

• آماده‌سازی داده‌های نمونه Prepare Sample Data

• وارد کردن داده‌های نمونه (Seeding) Seeding Sample Data

• شروع کار با Postman Getting Started with Postman

• دریافت محصولات از پایگاه داده Get Products from Database

• میان‌افزار مدیریت خطای سفارشی Custom Error Middleware

راه‌اندازی Redux Toolkit و مدیریت وضعیت Redux Toolkit Setup and State Management

• مرور کلی Redux و مدیریت وضعیت Redux and State Overview

• ذخیره Redux و API Slice Redux Store and API Slice

• Products API Slice و نقطه اتصال دریافت محصولات Products API Slice and Get Products Endpoint

• چالش نقطه اتصال جزئیات محصول Get Product Details Endpoint Challenge

• کامپوننت‌های Loader و Message Loader and Message Components

قابلیت سبد خرید Shopping Cart Functionality

• Cart Slice و Reducer Cart Slice and Reducer

• تابع افزودن به سبد خرید Add to Cart Function

• مدیریت تعداد و افزودن به سبد خرید Qty and Add to Cart Handler

• فایل ابزارهای سبد خرید (Utils) Cart Utils File

• نمایش تعداد آیتم‌ها در هدر Item Count In Header

• صفحه سبد خرید Cart Screen

• حذف از سبد خرید Remove from Cart

احراز هویت در بک‌اند Backend Authentication

• مسیرها و کنترلر کاربر User Routes and Controller

• اعتبارسنجی ایمیل و رمز عبور کاربر User Email and Password Validation

• توکن‌های JWT چگونه کار می‌کنند؟ How Do JSON Web Tokens Work?

• استفاده از JWT در HTTP Only Cookie JWT HTTP-Only Cookie

• میان‌افزار احراز هویت و Endpoint Auth Middleware and Endpoint

• خروج از حساب و پاک کردن کوکی Logout User and Clear Cookie

• Endpoint ثبت‌نام کاربر و رمزنگاری User Register Endpoint and Encryption

• Endpointهای پروفایل کاربر User Profile Endpoints

احراز هویت در فرانت‌اند Frontend Authentication

• Auth و User API Slice Auth and User API Slice

• صفحه ورود Login Screen

• قابلیت ورود به سیستم Login Functionality

• خروج کاربر User Logout

• ثبت‌نام کاربر User Registration

فرآیند پرداخت بخش اول Checkout Process - Part 1

• صفحه ارسال آدرس (Shipping) Shipping Screen

• مسیرهای خصوصی (Private Routes) Private Routes

• کامپوننت مراحل پرداخت Checkout Steps Component

• روش پرداخت Payment Method

• مسیرها و کنترلر سفارشات Order Routes and Controller

• ایجاد و دریافت سفارشات Create and Get Orders

• Order API Slice و صفحه شروع سفارش Order API Slice and Start Order Screen

• ایجاد یک سفارش Creating an Order

فرآیند پرداخت بخش دوم Checkout Process - Part 2

• صفحه سفارشات Order Page

• راه‌اندازی PayPal و پرداخت سفارش PayPal Setup and Order Paid

• یکپارچه‌سازی React PayPal React-PayPal Integration

• دکمه‌های PayPal PayPal Buttons

• پروفایل کاربر و به‌روزرسانی آن User Profile and Update

• نمایش تاریخچه سفارشات Display Order History

قابلیت‌های پنل مدیریت Admin Functionality

• کامپوننت مسیر مدیریت (Admin Route) Admin Route Component

• لیست سفارشات برای مدیر List Orders for Admin

• تغییر وضعیت تحویل سفارش Deliver Order Status

• لیست محصولات برای مدیر List Products for Admin

• ایجاد محصولات جدید Creating Products

• ویرایش محصول Edit Product

• رفع باگ به‌روزرسانی محصول Update Product Bug Fix

• استفاده از Multer و Endpoint آپلود تصویر Multer and Image Upload Endpoint

• آپلود تصویر محصول در فرانت‌اند Upload Product Image - Frontend

• حذف محصولات Delete Products

• مسیرهای کاربر در بک‌اند Backend User Routes

• لیست کاربران برای مدیر List Users for Admin

• حذف کاربران Delete Users

• به‌روزرسانی کاربران Update Users

نظرات، جستجو و موارد دیگر Reviews, Search, and More

• ایجاد نظرات در بک‌اند Create Reviews - Backend

• ایجاد نظرات در فرانت‌اند Create Reviews - Frontend

• صفحه‌بندی محصولات Paginate Products

• کامپوننت صفحه‌بندی Paginate Component

• جستجوی محصولات Search Products

• کامپوننت باکس جستجو Search Box Component

• اسلایدر محصولات (Carousel) Product Carousel

• عنوان صفحات Page Titles

استقرار در محیط عملیاتی (Production) Deploy to Production

• آماده‌سازی برای محیط عملیاتی Prepare for Production

• استقرار در Render Deploy to Render

• افزودن IP سرور به MongoDB Atlas Add Server IP to MongoDB Atlas

• افزودن دامنه اختصاصی Adding a Custom Domain

• جمع‌بندی نهایی Wrap Up