آموزش ایجاد اپلیکیشن SaaS مدیریت موجودی با هوش مصنوعی با Next.js و MERN - آخرین آپدیت

سرفصل ها و درس ها

پروژه نمایشی Project ShowCase

• پروژه نمایشی project showcase

نصب نرم افزار های ضروری Install Necessary Software

• نصب نرم افزار های ضروری install necessary software

راه اندازی پروژه Nextjs Nextjs Project Setup

• راه اندازی پروژه Nextjs Nextjs Project Setup

• نصب mui install mui

• نیاز به حمایت شما need your support

• بررسی و امتیازات review and ratings

صفحه ثبت نام Register Page

• صفحه ثبت نام قسمت 1 register page part_1

• صفحه ثبت نام قسمت 2 register page part_2

• صفحه ثبت نام قسمت 3 register page part_3

• صفحه ثبت نام قسمت 4 register page part_4

• صفحه ثبت نام قسمت 5 register page part_5

• صفحه ثبت نام قسمت 6 register page part_6

مدل کاربر User Model

• مدل کاربر user model

API ثبت نام Register API

• API ثبت نام register api

متغیرهای محیطی، خطای نسخه Env Variable ,Version Error

• متغیرهای محیطی، خطای نسخه env variable ,version error

ذخیره جزئیات کاربر در پایگاه داده Save User Details In Database

• ذخیره در پایگاه داده save in database

صفحه ورود Login Page

• صفحه ورود login page

پیکربندی Next-Auth Next-Auth Configuration

• پیکربندی Next-Auth next-auth configuration

• پیکربندی Next-Auth قسمت 2 next-auth configuration part_2

• پیکربندی Next-Auth قسمت 3 next-auth configuration part_3

• خطای Next-Auth next-auth error

راه اندازی قالب داشبورد کاربر User Dashboard Template Setup

• راه اندازی قالب داشبورد کاربر user dashboard template setup

• راه اندازی قالب داشبورد کاربر قسمت 2 user dashboard template setup part_2

طراحی لوگو Logo Design

• طراحی لوگو logo design

• اعلان اسنکبار snackbar notification

میان افزار Middleware

• میان افزار middleware

راه اندازی داشبورد ادمین Admin Dashboard Setup

• راه اندازی داشبورد ادمین admin dashboard setup

راه اندازی صفحه اصلی Home Page Setup

• راه اندازی صفحه اصلی home page setup

هوش مصنوعی مولد Generative AI

• هوش مصنوعی مولد قسمت 1 Generative AI part_1

• هوش مصنوعی مولد قسمت 2 Generative AI part_2

• هوش مصنوعی مولد قسمت 3 Generative AI part_3

• هوش مصنوعی مولد قسمت 4 Generative AI part_4

دسته بندی Category

• مدل دسته بندی category model

• API دریافت و ارسال دسته بندی category get, post api

• API ویرایش و حذف put and delete api

• سایدبار دسته بندی category sidebar

راه اندازی Redux Toolkit Setup Redux Toolkit

• راه اندازی Redux Toolkit setup redux toolkit

کامپوننت دسته بندی Category Component

• کامپوننت دسته بندی قسمت 1 category component part_1

• کامپوننت دسته بندی قسمت 2 category component part_2

• کامپوننت دسته بندی قسمت 3 category component part_3

• کامپوننت دسته بندی قسمت 4 category component part_4

• کامپوننت دسته بندی قسمت 5 category component part_5

• کامپوننت دسته بندی قسمت 6 category component part_6

• کامپوننت دسته بندی قسمت 7 category component part_7

• کامپوننت دسته بندی قسمت 8 category component part_8

• کامپوننت دسته بندی قسمت 9 category component part_9

• کامپوننت دسته بندی قسمت 10 category component part_10

• کامپوننت دسته بندی قسمت 11 category component part_11

• کامپوننت دسته بندی قسمت 12 category component part_12

• کامپوننت دسته بندی قسمت 13 category component part_13

• کامپوننت دسته بندی قسمت 14 category component part_14

• کامپوننت دسته بندی قسمت 15 category component part_15

واحد Unit

• مدل واحد unit model

• API دریافت و ارسال واحد unit get and post api

• API ویرایش و حذف واحد unit put and delete api

کامپوننت واحد Unit Component

• سایدبار تمام واحدها allunit sidebar

• کامپوننت تمام واحدها allUnit Component

• مودال تمام واحدها allunit modal

• تابع تمام واحدها allunit function

• برش Redux Toolkit تمام واحدها قسمت 1 allunit redux toolkit slice part_1

• برش Redux Toolkit تمام واحدها قسمت 2 allunit redux toolkit slice part_2

• ذخیره داده واحد در پایگاه داده save unit data in database

• اسنکبار واحد mui unit snackbar mui

• تابع دریافت واحد fetchunit function

• نمایش واحدها در جدول display units in table

• برش حذف واحد Redux Toolkit delete unit slice redux toolkit

• مودال حذف واحد delete unit modal

• حذف واحد از پایگاه داده deleting unit from database

• تابع Redux Toolkit ویرایش واحد update unit redux toolkit function

• مودال ویرایش واحد edit unit modal

• تابع ویرایش واحد edit unit function

• رفع خطای ویرایش واحد update unit error fix

• تابع فیلتر واحد filter unit function

API تامین کننده Supplier Api

• مودال تامین کننده supplier modal

• API دریافت و ارسال تامین کننده supplier get and post api

• API ویرایش و حذف تامین کننده supplier put and delete api

کامپوننت تامین کننده Supplier component

• ناوبری سایدبار مدیریت تامین کننده material-ui manage supplier sidebar navigation material-ui

• مودال افزودن تامین کننده material-ui supplier add modal material-ui

• ایجاد متغیر وضعیت برای مودال افزودن material-ui create state variable for add modal material-ui

• راه اندازی Redux Toolkit تامین کننده supplier redux tookit setup

• عمل افزودن تامین کننده add supplier action

• افزودن تامین کننده به پایگاه داده adding supplier to database

• دریافت عمل Redux Toolkit تامین کننده fetch supplier action redux toolkit

• نمایش تامین کنندگان در جدول display suppliers in table

• مودال حذف تامین کننده supplier delete modal

• تابع حذف تامین کننده delete supplier fucntion

• عمل حذف تامین کننده delete supplier action

• مودال ویرایش تامین کننده supplier edit modal

• عمل بروزرسانی تامین کننده update supplier action

• تابع بروزرسانی تامین کننده update supplier function

• فیلد متن فیلتر تامین کننده filter supplier textfield

توسعه API مشتری Customer Api Development

• مودال مشتری customer modal

• API دریافت و ارسال مشتری customer get and post api

• API ویرایش و حذف مشتری customer put and delete api

کامپوننت مشتری Customer Component

• ناوبری سایدبار مشتری customer sidebar navigation

• مودال افزودن مشتری customer add modal

• ایجاد وضعیت مشتری create customer state

• کلید API Cloudinary cloudinary api key

• آپلود تصویر در Cloudinary upload image to cloudinary

• راه اندازی Redux Toolkit مشتری customer redux tookit setup

• عمل افزودن مشتری add customer action

• افزودن مشتریان به پایگاه داده قسمت 1 adding customers to the database part_1

• خطای افزودن مشتریان add customers error

• ایجاد عمل دریافت مشتریان create fetch customers action

• مشتریان در جدول customers in table

• مودال حذف مشتریان customers delete modal

• توابع حذف مشتریان customers delete functions

• عمل حذف مشتری delete customer action

• مدیریت باز کردن مودال ویرایش handle open edit modal

• مدیریت مودال ویرایش مشتری handle edit customer modal

• عمل بروزرسانی مشتری upate customer action

• ویژگی فیلتر مشتری customer filter feature

API محصول Product Api

• مدل محصول product model

• API دریافت و ارسال محصول product get and post api

• API ویرایش و حذف محصول product put and delete api

کامپوننت محصول Product Component

• کامپوننت سایدبار محصول product sidebar component

• کامپوننت محصول product component

• مودال افزودن محصول mui product add modal mui

• راه اندازی Redux Toolkit محصول product react redux toolkit setup

• نمایش واحدها، دسته بندی ها، تامین کننده داخل کامپوننت انتخاب display units,categories,supplier inside select component

• ایجاد متغیر وضعیت برای افزودن محصول create state variable for add product

• عمل افزودن محصول add product action

• اسنکبار محصول mui product snackbar mui

• دریافت محصول و نمایش در جدول fetch product and display in table

• مودال حذف محصول product delete modal

• عمل و تابع حذف محصول delete product action and function

• مودال ویرایش محصول mui product edit modal mui

• پر کردن مقدار داخل مودال ویرایش populate value inside edit modal

• عمل Redux Toolkit ویرایش محصول edit product react redux toolkit action

• بروزرسانی جدول محصول mui update product mui table

API خریدها Purchases Api

• مدل خریدها purchases model

• API دریافت و ارسال خریدها purchases get and post api

• API ویرایش و حذف خریدها purchases put and delete api

کامپوننت خریدها Purchases Component

• ناوبری سایدبار خرید purchase sidebar navigation

• مودال خریدها mui purchases modal mui

• تامین کننده خریدها در انتخاب mui purchases supplier in select mui

• رفع خطای خریدها و داده های بذری purchases error fix and data seeding

• دریافت دسته بندی بر اساس تامین کننده fetch category on the basis of supplier

• محصولات دریافت شده بر اساس دسته بندی fetched products based of category

• آماده سازی داده ها برای ارسال به سمت سرور prepare data to send to server side

• ذخیره newrowdata داخل آرایه store newrowdata inside array

• مدیریت تابع افزودن خریدها handle add purchases function

• راه اندازی Redux Toolkit برای خریدها react redux toolkit setup for purchases

• نمایش داده های ردیف در جدول display row data in table

• تابع مدیریت تغییر ردیف جدول table row handle change function

• خرید های ذخیره شده در پایگاه داده saved purchases in database

• دریافت خریدها و نمایش در جدول fetched purchases and dispaly in table

• تابع حذف خریدها purchases delete function

• عمل حذف خریدها purchases delete action

• حذف خریدها deleting purchases

• تغییر وضعیت خریدها و بروزرسانی مقدار toggle purchses status and update quantity

• راه اندازی صفحه گزارش خرید روزانه daily purhases report page setup

• تابع چاپ خرید روزانه daily purchases print function

API فاکتور Invoice Api

• مدل فاکتور invoice model

• مدل جزئیات فاکتور invoicedetails model

• مدل پرداخت payment model

• مدل جزئیات پرداخت payment details models

• API دریافت فاکتور invoice get api

• API ارسال فاکتور قسمت 1 invoice post api part_1

• API ارسال فاکتور قسمت 2 invoice post api part_2

• API حذف فاکتور invoice delete api

کامپوننت فاکتور Invoice Component

• راه اندازی صفحه فاکتور invoice page setup

• کامپوننت مودال فاکتور mui invoice model mui component

• دریافت محصولات بر اساس دسته بندی fetched products based on category

• نقطه پایانی API موجودی stock api end point

• ایجاد متغیر وضعیت برای مودال creating state variable for modal

• مدیریت تابع افزودن ردیف handle add row function

• نمایش داده های ردیف در جدول display row data in table

• نمایش داده های ردیف در جدول قسمت 2 display row data in table part_2

• حذف ردیف جدول و مودال حذف delete table row and delete modal

• ایجاد متغیر وضعیت creating state variable

• نمایش مشتری در کامپوننت انتخاب display customer in select component

• مدیریت تابع ارسال فرم handle form submit function

• راه اندازی Redux Toolkit برای فاکتور setup redux toolkit for invoice

• ذخیره فاکتور در پایگاه داده save invoice in database

• عمل دریافت فاکتور fetched invoice action

• نمایش فاکتور در جدول display invoice in table

• نمایش جزئیات مشتری در جدول display customer details in table

• رفع خطای تعریف نشده undefined error fix

• فاکتور فیلتر شده filtred invoice

• راه اندازی صفحه تایید فاکتور setup approval invoice page

• نمایش داده های فاکتور در جدول display invoice data in table

• حذف فاکتور deleting invoice

• فیلتر فاکتور filter invoice

• راه اندازی کامپوننت لیست چاپ فاکتور setup print invoice list component

• دریافت جزئیات فاکتور fetching invoice details

• نمایش فاکتور داخل جدول displaying invoice inside table

• نمایش فاکتور داخل جدول قسمت 2 displaying invoice inside table part_2

• مدیریت تابع تایید handle approve function

• نقطه پایانی API تایید approval api end point

• تایید فاکتور approval invoice

• کامپوننت لیست فاکتور تایید شده approval invoice list component

• کامپوننت فیلتر لیست فاکتور invoice list filter component

• چاپ لیست فاکتور printing invoice list

• راه اندازی صفحه گزارش فاکتور روزانه daily invoice report page setup

• مدیریت تابع جستجو handle search function

• نمایش گزارش فاکتور داخل جدول display invoice report inside table

• چاپ گزارش فاکتور printing invoice report

داشبورد کاربر User Dashboard

• نقطه پایانی API داشبورد کاربر user dashboard api end point

• کامپوننت داشبورد کاربر user dashboard component

• کامپوننت بارگذاری loading component

داشبورد ادمین Admin Dashboard

• راه اندازی کامپوننت داشبورد ادمین setup admin dashboard component

• پیاده سازی chart.js برای داشبورد ادمین implemeting chart.js for admin dashboard

• پیاده سازی chart.js برای داشبورد ادمین قسمت 2 implemeting chart.js for admin dashboard part_2

• کامپوننت دسته بندی ادمین admin category component

• کامپوننت واحد ادمین admin unit component

• کامپوننت تامین کننده ادمین admin supplier component

• کامپوننت محصول ادمین admin product component

• کامپوننت خرید ادمین admin purchases component

• کامپوننت فاکتور ادمین admin invoice component

پیاده سازی صفحه قیمت گذاری implementing Pricing Page

• ایجاد صفحه قیمت گذاری creating pricing page

• پیاده سازی کامپوننت کارت قیمت گذاری implementing pricing card component

• پیاده سازی صفحه مدیریت پرداخت implementing handle checkout page

• پیاده سازی نقطه پایانی API پرداخت implementing checkout api end point

• پیاده سازی نقطه پایانی API پرداخت قسمت 2 implementing checkout api end point part_2

• پیاده سازی نقطه پایانی API پرداخت قسمت 3 implementing checkout api end point part_3

اشتراک Stripe Stripe Subscription

• ایجاد صفحه موفقیت و لغو creating success and cancel page

• مدل سفارش Order model

• مدل اشتراک subscription model

• ایجاد نقطه پایانی API موفقیت پرداخت قسمت 1 creating payment success api end point part_1

• ایجاد نقطه پایانی API موفقیت پرداخت قسمت 2 creating payment success api end point part_2

• ایجاد نقطه پایانی API موفقیت پرداخت قسمت 3 creating payment success api end point part_3

• ایجاد سفارش و اشتراک و ذخیره در پایگاه داده creating order and subscription and save in database

• بررسی طرح کاربر قسمت 1 checking user plan part_1

• بررسی طرح کاربر قسمت 2 checking user plan part_2

تاریخچه سفارش کاربر User Order History

• تاریخچه سفارش کاربر user order history

کامپوننت اشتراک Subscription Component

• API اشتراک subscription api

• دریافت و نمایش اشتراک fetching and displaying subscription

گزارش موجودی stock report

• گزارش موجودی stock report

• چاپ گزارش موجودی و ایجاد نقطه پایانی API print stock report and creating api end point

• ایجاد گزارش براساس تامین کننده و محصول creating supplier and product wise report

• تابع دریافت داده گزارش get report data function

• API دریافت داده گزارش get report data api

• چاپ گزارش print report

خطا: دسترسی به element.ref در React 19 حذف شده است. ref اکنون یک ویژگی معمولی است Error: Accessing element.ref was removed in React 19. ref is now a regular prop

• خطا: دسترسی به element.ref در React 19 حذف شده است. ref اکنون یک ویژگی معمولی است Error: Accessing element.ref was removed in React 19. ref is now a regular prop