آموزش ساخت چت‌بات صوتی هوشمند با ChatGPT، React و FastAPI - آخرین آپدیت

مقدمه و منابع Introduction and Resources

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

• آنچه خواهیم ساخت What We Are Building

• درباره مدرس About Your Instructor

• ساختار دوره Course Structure

• انتظارات در مقابل واقعیت Expectation versus Reality

• تکنولوژی‌های مورد استفاده: بک‌اند Tech Stack - Backend

• تکنولوژی‌های مورد استفاده: فرانت‌اند Tech Stack - Frontend

• تکنولوژی‌های مورد استفاده: استایل‌دهی Tech Stack - Styling

• دستورالعمل‌های منابع Resource Instructions

• هشدار: تأخیر احتمالی در OpenAI API Warning: OpenAI API Occasional Delay

بخش اضافی: (اختیاری) دوره فشرده React Extra: (Optional) - React Crash Course

• ایجاد برنامه React با استفاده از Vite Create React App with Vite

• نصب Tailwind Install Tailwind

• آنچه خواهیم ساخت What We Are Building

• اولین کامپوننت شما Your First Component

• اتفاقی که افتاد چه بود؟ What Just Happened

• استایل‌دهی به اولین دکمه Styling Our First Button

• اجرای تابع والد از فرزند (ارسال Props) Running a Parent Function From a Child (Passing Props)

• مانیتور کردن State و مدیریت Side Effects با useEffect Monitor State and Handle Side Effects with useEffect

• ساختاربندی BetBox BetBox Structuring

• افزودن قابلیت به دکمه BetButton Adding BetButton Functionality

• ارسال درخواست Axios Fetch Send Axios Fetch Request

• به‌روزرسانی‌های نهایی و پرداختن به جزئیات Final Updates and Finishing Touches

• گام‌های بعدی برای یادگیری React React Learning Next Steps

راه‌اندازی محیط توسعه فرانت‌اند و بک‌اند Environment Setup - Frontend and Backend

• پیشنهاد VS Code و پلاگین‌ها VS Code Recommendation and Plugins

• راه‌اندازی پوشه‌ها Folder Setup

• بررسی نصب نسخه Python و Node Python and Node Version Installation Checks

• آماده‌سازی بک‌اند Python با FastAPI و نصب پکیج‌ها FastAPI Python Backend Preparation and Package Installations

• آماده‌سازی فرانت‌اند React و نصب پکیج‌ها React Frontend Preparation and Package Installations

• ادغام Tailwind CSS Tailwind CSS Integration

• تنظیم متغیرهای محیطی (Environment Variables) Setting Up Environment Variables

ساخت بک‌اند و کار با هوش مصنوعی Backend Build - Working with AI

• راه‌اندازی بک‌اند با Importها و CORS Backend Initialization with Imports and CORS

• درباره Docs و Endpointها About Docs and Endpoints

• ضبط قطعه صوت Record Voice Snippet

• تبدیل صوت به متن با Whisper Convert Voice to Text with Whisper

• مهندسی پرامپت برای ChatGPT Prompt Engineering ChatGPT

• دریافت پاسخ از ChatGPT Receiving ChatGPT Response

• ذخیره و بازنشانی داده‌های پیام Store and Reset Message Data

• بررسی مستندات Eleven Labs API Eleven Labs API Docs Walkthrough

• دادن صدای انسانی به Rachel Giving Rachel a Human Sounding Voice

• آماده‌سازی فرانت‌اند و بحث عیب‌یابی Frontend Preparation and Troubleshooting Discussion

فرانت‌اند و اپلیکیشن وب با React Frontend - React Web Application

• ساختاربندی کامپوننت Controller Structuring Controller Component

• کامپوننت Title - بخش اول (تابع Reset) Title Component - Part I (Reset Function)

• کامپوننت Title - بخش دوم (رندر کامل) Title Component - Part II (Render Completion)

• کانتینر ضبط کننده کنترلر Controller Recorder Container

• افزودن قابلیت ضبط صدا Adding Audio Recording Functionality

• انیمیشن آیکون ضبط Animating a Record Icon

• پخش مجدد صدا و کدگذاری Blob Playing Back Audio and Blob Encoding

• سلام Rachel Hello Rachel

• تعامل کامل کاربر و تنظیمات نهایی Full User Interaction and Tweaking

• آماده‌سازی برای مرحله تولید (Production) Making Production Ready

گام‌های بعدی Next Steps

• مهندسی پرامپت پیشرفته و موارد استفاده Further Prompt Engineering and Use Cases

• گام‌های بعدی Next Steps