آموزش پروژه فول استک MERN: ساخت و استقرار اپلیکیشن چت‌بات هوش مصنوعی - آخرین آپدیت

درس‌ها Lessons

• معرفی دوره و دمو پروژه Course Intro And Project Demo

• پیش‌نیازهای این دوره Prerequisites For This Course

• ساخت یک سرور پایه Express.js با متغیرهای محیطی و Middleware Building a Basic Express.js Server with Environment Variables and Middleware

• اتصال اپلیکیشن به MongoDB با استفاده از Mongoose Connecting our Application to MongoDB Using Mongoose

• ساخت مدل کاربر امن با Mongoose و هش کردن رمز عبور Creating a Secure User Model with Mongoose and Password Hashing

• ساخت APIهای احراز هویت (ثبت‌نام، ورود و داده‌های کاربر) Building Authentication APIs Register, Login & Protected User Data

• پیاده‌سازی Middleware احراز هویت و ایمن‌سازی مسیرها و تست در Postman Implementing Auth Middleware & Securing User Routes and test it in postman

• طراحی مدل چت برای ذخیره گفتگوها در MongoDB Designing a Chat Model for Storing Conversations in MongoDB

• کنترلرهای چت: ایجاد، دریافت و حذف چت‌ها Chat controllers create get and delete chats

• پیاده‌سازی مسیرهای (Routes) ایجاد، واکشی و حذف چت Implementing Chat Routes Create, Fetch, and Delete Chats

• پیکربندی سرویس‌های خارجی: مدل AI (OpenAI/Gemini) و آپلود تصویر (ImageKit) Configuring External Services AI Model (OpenAIGemini) & Image Uploads (ImageKit)

• ساخت کنترلر پیام‌های متنی هوش مصنوعی (بخش اول) Building the AI Text Message Controller (Part 1)

• ساخت کنترلر تولید تصویر هوش مصنوعی (بخش دوم) Building the AI Image Generation Controller (Part 2)

• پیاده‌سازی API دریافت تصاویر منتشر شده و به‌روزرسانی مسیرهای کاربر Implementing the Get Published Images API + Updating User Routes

• پیاده‌سازی مسیرهای پیام برای متن و تصاویر هوش مصنوعی Implementing Message Routes for Text & Image AI Messages

• تست APIهای متن و تصویر در Postman Test text and image api in postman

• راه‌اندازی فرانت‌اند – نصب React، Vite و Tailwind CSS Setting Up the Frontend – Installing React, Vite, and Tailwind CSS

• ساخت مدیریت وضعیت سراسری در React برای احراز هویت و چت (AppContext) بخش اول Building Global State Management in React for Authentication & Chat Handling (AppContext) part 1

• ساخت مدیریت وضعیت سراسری در React برای احراز هویت و چت (AppContext) بخش دوم Building Global State Management in React for Authentication & Chat Handling (AppContext) part 2

• طراحی رابط کاربری ورود و ثبت‌نام در React برای اپلیکیشن چت‌بات (بخش اول) Building the Login & Registration UI in React for Our MERN Chatbot App part 1

• طراحی رابط کاربری ورود و ثبت‌نام در React برای اپلیکیشن چت‌بات (بخش دوم) Building the Login & Registration UI in React for Our MERN Chatbot App part 2

• طراحی رابط کاربری ورود و ثبت‌نام در React برای اپلیکیشن چت‌بات (بخش سوم) Building the Login & Registration UI in React for Our MERN Chatbot App part 3

• یکپارچه‌سازی صفحه ورود، User Context و اعلان‌های Toast در فایل اصلی App Integrating the Login Screen, User Context, and Toast Notifications into App file

• ساخت کامپوننت سایدبار برای چت‌ها، ناوبری و مدیریت حساب کاربر (بخش اول) Building the Sidebar Component for Chats, Navigation, and User Account Management part 1

• ساخت کامپوننت سایدبار برای چت‌ها، ناوبری و مدیریت حساب کاربر (بخش دوم) Building the Sidebar Component for Chats, Navigation, and User Account Management part 2

• ساخت کامپوننت سایدبار برای چت‌ها، ناوبری و مدیریت حساب کاربر (بخش سوم) Building the Sidebar Component for Chats, Navigation, and User Account Management part 3

• ساخت کامپوننت سایدبار برای چت‌ها، ناوبری و مدیریت حساب کاربر (بخش چهارم) Building the Sidebar Component for Chats, Navigation, and User Account Management part 4

• ساخت کامپوننت جعبه چت (ChatBox) با قابلیت کامل (بخش اول) Building a Fully Functional ChatBox Component part 1

• ساخت کامپوننت جعبه چت (ChatBox) با قابلیت کامل (بخش دوم) Building a Fully Functional ChatBox Component part 2

• ساخت کامپوننت جعبه چت (ChatBox) با قابلیت کامل (بخش سوم) Building a Fully Functional ChatBox Component part 3

• ساخت کامپوننت پیام (Message) بخش اول Building the Message Component part 1

• ساخت کامپوننت پیام (Message) بخش دوم Building the Message Component part 2

• ساخت کامپوننت پیام (Message) بخش سوم Building the Message Component part 3

• ساخت صفحه کتابخانه تصاویر Building the Image Library Page App

• آپلود پروژه در GitHub و استقرار (Deploy) روی Vercel Uploading Our App to GitHub and Deploy It On Vercel