آموزش پروژه وبلاگ فول استک MERN: وبلاگ MERN Stack با داشبورد - آخرین آپدیت

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

Introduction, preview and Installation-فصل ۱-معرفی، پیش‌نمایش و نصب Introduction, preview and Installation

• Overview of the project-ویدئو ۱-۱-مروری بر پروژه Overview of the project

• Install React.js and Tailwind CSS and create the first template-ویدئو ۱-۲-نصب React.js و Tailwind CSS و ایجاد اولین قالب Install React.js and Tailwind CSS and create the first template

Pages and routes and header component-فصل ۲-صفحات، مسیرها و کامپوننت هدر Pages and routes and header component

• Create pages and routes-ویدئو ۲-۱-ایجاد صفحات و مسیرها Create pages and routes

• Create Header components-ویدئو ۲-۲-ایجاد کامپوننت‌های هدر Create Header components

Create the server and connect to the database-فصل ۳-ایجاد سرور و اتصال به پایگاه داده Create the server and connect to the database

• Create and run the server-ویدئو ۳-۱-ایجاد و اجرای سرور Create and run the server

• Connect to the database-ویدئو ۳-۲-اتصال به پایگاه داده Connect to the database

• Create user model-ویدئو ۳-۳-ایجاد مدل کاربر Create user model

• Create a test API route-ویدئو ۳-۴-ایجاد یک مسیر API تستی Create a test API route

Signing up the users-فصل ۴-ثبت‌نام کاربران Signing up the users

• Create signup API route-ویدئو ۴-۱-ایجاد مسیر API ثبت‌نام Create signup API route

• Add a middleware and a function to handle errors-ویدئو ۴-۲-اضافه کردن یک میان‌افزار و یک تابع برای مدیریت خطاها Add a middleware and a function to handle errors

• Create signup page UI-ویدئو ۴-۳-ایجاد رابط کاربری صفحه ثبت‌نام Create signup page UI

• Add functionality to the sign up page-ویدئو ۴-۴-اضافه کردن قابلیت‌ها به صفحه ثبت‌نام Add functionality to the sign up page

Footer section-فصل ۵-بخش فوتر Footer section

• Create and add the footer component-ویدئو ۵-۱-ایجاد و اضافه کردن کامپوننت فوتر Create and add the footer component

Signing in users-فصل ۶-ورود کاربران Signing in users

• Create signin API route-ویدئو ۶-۱-ایجاد مسیر API ورود Create signin API route

• Complete signin page functionality-ویدئو ۶-۲-تکمیل قابلیت‌های صفحه ورود Complete signin page functionality

Redux toolkit and Redux persist-فصل ۷-Redux toolkit و Redux persist Redux toolkit and Redux persist

• Add redux toolkit-ویدئو ۷-۱-اضافه کردن redux toolkit Add redux toolkit

• Add redux persist-ویدئو ۷-۲-اضافه کردن redux persist Add redux persist

Google OAuth, update header and add dark mode-فصل ۸-Google OAuth، به‌روزرسانی هدر و اضافه کردن حالت تاریک Google OAuth, update header and add dark mode

• Add Google OAuth functionality-ویدئو ۸-۱-اضافه کردن قابلیت Google OAuth Add Google OAuth functionality

• Update header component with user data-ویدئو ۸-۲-به‌روزرسانی کامپوننت هدر با اطلاعات کاربر Update header component with user data

• Complete dark mode functionality-ویدئو ۸-۳-تکمیل قابلیت حالت تاریک Complete dark mode functionality

Dashboard page-فصل ۹-صفحه داشبورد Dashboard page

• Make the dashboard private-ویدئو ۹-۱-خصوصی کردن داشبورد Make the dashboard private

• Complete sidebar of the dashboard-ویدئو ۹-۲-تکمیل سایدبار داشبورد Complete sidebar of the dashboard

• Complete profile page UI-ویدئو ۹-۳-تکمیل رابط کاربری صفحه پروفایل Complete profile page UI

• Complete user image upload functionality-ویدئو ۹-۴-تکمیل قابلیت آپلود تصویر کاربر Complete user image upload functionality

• Add update user API route-ویدئو ۹-۵-اضافه کردن مسیر API به‌روزرسانی کاربر Add update user API route

• Complete update user profile page functionality-ویدئو ۹-۶-تکمیل قابلیت‌های صفحه به‌روزرسانی پروفایل کاربر Complete update user profile page functionality

• Add delete user API route-ویدئو ۹-۷-اضافه کردن مسیر API حذف کاربر Add delete user API route

• Complete delete user account functionality-ویدئو ۹-۸-تکمیل قابلیت حذف حساب کاربری Complete delete user account functionality

• Add signout functionality-ویدئو ۹-۹-اضافه کردن قابلیت خروج Add signout functionality

• Add admin functionality to the user-ویدئو ۹-۱۰-اضافه کردن قابلیت ادمین به کاربر Add admin functionality to the user

Create and update a post-فصل ۱۰-ایجاد و به‌روزرسانی یک پست Create and update a post

• Complete create a post page UI-ویدئو ۱۰-۱-تکمیل رابط کاربری صفحه ایجاد پست Complete create a post page UI

• Add create a post API route-ویدئو ۱۰-۲-اضافه کردن مسیر API ایجاد پست Add create a post API route

• Complete upload post image functionality-ویدئو ۱۰-۳-تکمیل قابلیت آپلود تصویر پست Complete upload post image functionality

• Complete create post functionality-ویدئو ۱۰-۴-تکمیل قابلیت ایجاد پست Complete create post functionality

• Add posts section to the dashboard-ویدئو ۱۰-۵-اضافه کردن بخش پست‌ها به داشبورد Add posts section to the dashboard

• Create get posts API route-ویدئو ۱۰-۶-ایجاد مسیر API دریافت پست‌ها Create get posts API route

• Show user posts inside dashboard-ویدئو ۱۰-۷-نمایش پست‌های کاربر در داخل داشبورد Show user posts inside dashboard

• Add show more functionality to the posts results of the dashboard-ویدئو ۱۰-۸-اضافه کردن قابلیت نمایش بیشتر به نتایج پست‌های داشبورد Add show more functionality to the posts results of the dashboard

• Add delete post functionality to the dashboard-ویدئو ۱۰-۹-اضافه کردن قابلیت حذف پست به داشبورد Add delete post functionality to the dashboard

• Add update post functionality-ویدئو ۱۰-۱۰-اضافه کردن قابلیت به‌روزرسانی پست Add update post functionality

Dashboard page (users section)-فصل ۱۱-صفحه داشبورد (بخش کاربران) Dashboard page (users section)

• Create get users API route-ویدئو ۱۱-۱-ایجاد مسیر API دریافت کاربران Create get users API route

• Show users to the admin dashboard-ویدئو ۱۱-۲-نمایش کاربران به داشبورد ادمین Show users to the admin dashboard

• Add delete user functionality to the admin user-ویدئو ۱۱-۳-اضافه کردن قابلیت حذف کاربر به ادمین Add delete user functionality to the admin user

Post page-فصل ۱۲-صفحه پست Post page

• Complete post page functionality-ویدئو ۱۲-۱-تکمیل قابلیت‌های صفحه پست Complete post page functionality

• Add call to action to the post page-ویدئو ۱۲-۲-اضافه کردن فراخوان به اقدام به صفحه پست Add call to action to the post page

• Add comment section to the post page-ویدئو ۱۲-۳-اضافه کردن بخش نظرات به صفحه پست Add comment section to the post page

• Show the comments of a post-ویدئو ۱۲-۴-نمایش نظرات یک پست Show the comments of a post

• Add like functionality to the comment component-ویدئو ۱۲-۵-اضافه کردن قابلیت لایک به کامپوننت نظر Add like functionality to the comment component

• Add edit functionality to the comment component-ویدئو ۱۲-۶-اضافه کردن قابلیت ویرایش به کامپوننت نظر Add edit functionality to the comment component

• Add delete functionality to the comment section-ویدئو ۱۲-۷-اضافه کردن قابلیت حذف به بخش نظرات Add delete functionality to the comment section

• Add recent article section to the post page-ویدئو ۱۲-۸-اضافه کردن بخش مقالات اخیر به صفحه پست Add recent article section to the post page

Dashboard page (comments section and overview)-فصل ۱۳-صفحه داشبورد (بخش نظرات و نمای کلی) Dashboard page (comments section and overview)

• Add comments section to the admin dashboard-ویدئو ۱۳-۱-اضافه کردن بخش نظرات به داشبورد ادمین Add comments section to the admin dashboard

• Add dashboard overview to the admin dashboard-ویدئو ۱۳-۲-اضافه کردن نمای کلی داشبورد به داشبورد ادمین Add dashboard overview to the admin dashboard

Home page-فصل ۱۴-صفحه اصلی Home page

• Complete the home page-ویدئو ۱۴-۱-تکمیل صفحه اصلی Complete the home page

Search, about and projects pages-فصل ۱۵-صفحات جستجو، درباره ما و پروژه‌ها Search, about and projects pages

• Complete search page-ویدئو ۱۵-۱-تکمیل صفحه جستجو Complete search page

• Complete about and projects pages-ویدئو ۱۵-۲-تکمیل صفحات درباره ما و پروژه‌ها Complete about and projects pages

• Deploy to Render-ویدئو ۱۵-۳-دیپلوی به Render Deploy to Render

Deployment-فصل ۱۶-استقرار Deployment

• Deploy to Render-ویدئو ۱۶-۱-استقرار به Render Deploy to Render