آموزش ساخت اپلیکیشن آماده‌سازی مصاحبه با هوش مصنوعی با Next.js و OpenAI - آخرین آپدیت

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

مقدمه Introduction

• معرفی دوره Introduction to Course

دموی پروژه DEMO of Project

• دموی پروژه DEMO of Project

راه‌اندازی محیط توسعه Setting up Environment

• نصب ابزارهای مورد نیاز Installing all required tools

• نصب MongoDB روی MacOS Install MongoDB on MacOS

• نصب MongoDB روی ویندوز Install MongoDB on Windows

سورس کد پروژه Source Code of Project

• نحوه دریافت سورس کد و همراهی با دوره How to get Source Code & Follow along?

راه‌اندازی پروژه Prep AI Prep AI Project Setup

• نکات مهم درباره درس بعدی Important Note about Next Lecture

• نصب Next.js و مقداردهی اولیه پروژه Installing Next.js & Initialize Project

• مخزن کامپوننت‌های Prep AI Prep AI Components Repo

• راه‌اندازی صفحه لندینگ Setting Up Landing Page

• بخش نظرات، قیمت‌گذاری و فرآیند مصاحبه Testimonials, Pricing & Interview Process

• هدر و فوتر اپلیکیشن App Header, Footer

• اعلان‌های هدر Header Announcement

احراز هویت با next auth Authentication with next-auth

• اتصال به MongoDB Connect with MongoDB

• ساخت مدل کاربر Create User Model

• ثبت‌نام کاربر و رمزگذاری رمز عبور Register User and Encrypt Password

• ثبت‌نام کاربر با فرم Register User with Form

• مدیریت ورود با اعتبارنامه‌ها در بک‌اند Handle Credentials Login on Backend

• ورود کاربر و Callbacks Login User & Callbacks

• دریافت Session و نمایش کاربر در هدر Get Session & Show User in Header

• مدیریت منوی موبایل Handle Mobile Menu

• خروج کاربر از حساب Logout User

احراز هویت اجتماعی [گوگل، گیت‌هاب] Social Authentication [GOOGLE, GITHUB]

• راه‌اندازی احراز هویت اجتماعی Social Authentication Setup

• ورود با گیت‌هاب Login with GitHub

• ورود با گوگل Login with Google

• مدیریت چندین حساب اجتماعی Handle Multi Social accounts

• محافظت از مسیرها برای کاربران غیرمجاز Protect Routes from unauthenticated users

فرم‌های عمومی و مدیریت خطاها Generic Form & Error Handling

• فرم عمومی با وضعیت لودینگ و داده‌ها Generic Form with loading & data

• ساخت Wrapper سراسری برای خطاها Create Global Error Wrapper

• نمایش خطاها با Toast Show errors with Toast

مدیریت پروفایل کاربر و فراموشی رمز عبور Handle User Profile & Forgot Password

• راه‌اندازی Cloudinary برای تصاویر Setup Cloudinary for Images

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

• به‌روزرسانی رمز عبور کاربر Update User Password

• تولید توکن فراموشی رمز عبور Generate Forgot Password token

• راه‌اندازی Nodemailer و قالب HTML ایمیل Setup Nodemailer & Email HTML Template

• ارسال ایمیل بازیابی رمز عبور Send Password Recovery Email

• مدیریت بازنشانی رمز عبور Handle Reset Password

بررسی اپلیکیشن Prep AI Let’s Prep AI App

• چیدمان (Layout) و صفحات اپلیکیشن App Layout & Pages

• سایدبار اپلیکیشن و آیکون‌ها App Sidebar & Icons

• مدیریت Breadcrumbs برای تمام صفحات Handle Breadcrumbs for all pages

• لودر و مدیریت خطای اپلیکیشن App Loader & Error

مدیریت منابع مصاحبه Handle Interview Resource

• ساخت مدل مصاحبه Create Interview model

• توابع ایجاد مصاحبه جدید Create New Interview function

• کامپوننت مصاحبه جدید New Interview Component

• مهاجرت از NextUI به HeroUI Migrate from NextUI to HeroUI

• دریافت تمام مصاحبه‌های کاربر فعلی Get all Interviews of current User

• حذف مصاحبه Delete Interview

یکپارچه‌سازی OpenAI برای تولید مصاحبه Integrate OpenAI to generate Interview

• ساخت API Key برای OpenAI Create OpenAI Api Key

• تولید Prompt سوالات Generate Question Prompt

• تولید سوالات و ذخیره در مصاحبه Generate Questions & Save in Interview

• ارزیابی و ذخیره امتیازات و پیشنهادات Evaluate & Save scores, suggestion

صفحه مصاحبه Interview Page

• رندر کردن کامپوننت مصاحبه Render Interview Component

• کامپوننت ورودی Prompt کاربر User Prompt Input Component

• مدیریت شمارش معکوس زمان Handle Time Countdown

• ذخیره پاسخ در دیتابیس Save answer to DB

• مدیریت کپی محلی پاسخ‌ها Manage Local Copy of answers

• بارگذاری پاسخ‌ها از Local Storage Load answers from local storage

• مدیریت سوال بعدی Handle next question

• مدیریت رد کردن سوال Handle pass question

• مدیریت سوال قبلی Handle previous question

• نمایش سوالات تکمیل شده و نشده Render completed/uncompleted questions

• مدیریت خروج از مصاحبه Handle exit interview

تشخیص گفتار برای پاسخ‌ها Speech Recognition for Answers

• مدیریت پاسخ‌ها با صوت Handle answer with voice

مدیریت نتایج مصاحبه Handle Interview Results

• نمایش نتایج کاربر فعلی Render current user results

• نمایش آمار نتایج Render Result Stats

• نمایش سوالات مصاحبه Render Interview Questions

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

صفحه‌بندی و فیلترها Pagination & Filters

• مدیریت فیلترها در بک‌اند Handle Filters on backend

• مدیریت فیلترها در فرانت‌اند Handle Filters on frontend

• مدیریت صفحه‌بندی Handle Pagination

• مرتب‌سازی مصاحبه‌ها Sort Interviews

مدیریت پرداخت و اشتراک کاربر Handle User Payment Subscription

• یکپارچه‌سازی Stripe برای مدیریت اشتراک Integrate Stripe to Handle Subscription

• ساخت مشتری و اشتراک جدید Create new Customer & Subscription

• اشتراک از طریق فرم فرانت‌اند Subscribe from Frontend Form

• راه‌اندازی Webhook برای مدیریت اشتراک Setup webhook to manage subscription

• وب‌هوک مدیریت موفقیت، شکست و لغو پرداخت Webhook to manage payment success, fail & cancel

• لغو اشتراک کاربر Cancel User Subscription

• دسترسی به اپلیکیشن و به‌روزرسانی Session پس از پرداخت App Access & Update Session after Payment

صورت‌حساب‌های اشتراک Subscription Invoices

• دریافت صورت‌حساب‌های کاربر فعلی Get current user invoices

• نمایش صورت‌حساب‌های کاربر Render user Invoices

• نمایش پرداخت‌های آتی Render Upcoming Payment

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

• کامپوننت داشبورد کاربر User Dashboard Component

• دریافت آمار داشبورد با Aggregation Get Dashboard Stats with aggregation

• نمایش آمارها Render Stats

• رندر نمودارها برای نمایش آمار Render Charts to display Stats

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

• سطح دسترسی مسیرهای ادمین و کامپوننت داشبورد مدیریت Authorize admin routes & Admin Dashboard Component

• دریافت آمار داشبورد مدیریت Get Admin Dashboard Stats

• نمایش آمارها Render Stats

مدیریت مصاحبه‌ها (پنل مدیریت) Manage Interviews - ADMIN

• دریافت تمام مصاحبه‌ها Get all Interviews

مدیریت کاربران (پنل مدیریت) Manage Users - ADMIN

• دریافت تمام کاربران Get all Users

• نمایش لیست کاربران Render Users

• کامپوننت ویرایش/به‌روزرسانی کاربر Edit/Update User Component

• لغو اشتراک کاربر UnSubscribe User

• حذف کاربر Delete User

حالت تاریک و صفحه ۴۰۴ Dark Mode & 404 Page

• مدیریت حالت تاریک (Dark Mode) Handle Dark Mode

• مدیریت صفحه ۴۰۴ Handle 404 Page

• مرور نهایی پروژه: پلتفرم آموزشی Full Stack Prep AI Final Project Review: Prep-AI Full-Stack Learning Platform

استقرار (Deployment) Deployment

• اتصال به MongoDB Atlas Connect to MongoDB Atlas

• آماده‌سازی اپلیکیشن برای استقرار Prepare App for Deploy

• استقرار روی Vercel Deploy on Vercel

پایان دوره End of the Course

• تبریکات پایان دوره Congratulations