آموزش Flutter، Firebase و ChatGPT: Dall-E Image Sharing App 2023

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

معرفی Introduction

• معرفی Introduction

• راه اندازی پروژه Starting up project

• ایجاد یک موضوع Creating a theme

• انتخاب موضوع Selecting a theme

• ذخیره تم Saving the theme

ساخت صفحه ورود و ثبت نام Building the login and registration screens

• افزودن نوار پیمایش پایین Adding Bottom navigation bar

• بسته ها و دارایی های ورود Login Packages and assets

• صفحه ثبت نام قسمت 1 Registration screen part 1

• صفحه ثبت نام قسمت 2 Registration screen part 2

• رابط کاربری صفحه OTP OTP screen UI

• صفحه نمایش اطلاعات کاربر User information screen

• اتصال به Firebase Connecting to Firebase

• وارد قسمت 1 کاربر شوید Sign in user part 1

• وارد قسمت 2 کاربر شوید Sign in user part 2

• ورود کاربر و کلیدهای SHA Login user and SHA keys

ساخت OTP و صفحه نمایش اطلاعات کاربر Building the OTP and user information screens

• صفحه نمایش OPT قسمت 1 OPT screen part 1

• صفحه نمایش OPT قسمت 2 OPT screen part 2

• صفحه اطلاعات کاربر قسمت 1 User information screen part 1

• صفحه اطلاعات کاربر قسمت 2 User information screen part 2

• صفحه اطلاعات کاربر قسمت 3 User information screen part 3

• کلاس مدل کاربر User model class

احراز هویت کاربر و مدیریت داده ها User Authentication and Data Management

• راه اندازی Firebase Authentication و Firestore برای داده های کاربر Setting up Firebase Authentication and Firestore for user data

• ایجاد مدل کاربر و به روز رسانی داده های کاربر Creating user model and updating user data

• رسیدگی به خطاهای احراز هویت و ثبت نام کاربر Handling user authentication and sign-up errors

• اجرای عملکرد خروج از سیستم Implementing sign-out functionality

• به روز رسانی اطلاعات کاربر در Firestore پس از تغییر نمایه Updating user data in Firestore upon profile changes

• بازیابی اطلاعات کاربر از Firestore Retrieving user data from Firestore

پیاده سازی صفحه چت Chat Screen Implementation

• طراحی و پیاده سازی رابط کاربری صفحه فرود Designing and implementing the landing screen UI

• پیاده سازی رابط کاربری صفحه چت با StreamBuilder و مدیریت پیام های ورودی Implementing chat screen UI with StreamBuilder and handling input messages

• اجرای فیلد ورودی چت با دکمه ارسال Implementing chat input field with the send button

• پیاده سازی ارائه دهنده چت برای ارسال و دریافت پیام Implementing a chat provider for sending and receiving messages

• اجرای یک جریان چت برای گوش دادن به پیام های دریافتی Implementing a chat stream to listen for incoming messages

• راه اندازی سرویس API برای تولید تصویر با DALL-E Setting up API service for image generation with DALL-E

• مدیریت خطاها و پاسخ‌های تولید تصویر از DALL-E API Handling image generation errors and responses from DALL-E API

ادغام ChatGPT و DALL-E ChatGPT and DALL-E Integration

• تجزیه و نمایش پاسخ تصویر از DALL-E API Parsing and displaying image response from DALL-E API

• ذخیره پاسخ ChatGPT در Firestore Saving ChatGPT response to Firestore

• پیاده سازی ویجت چت برای ChatGPT و DALL-E Implementing chat widget for ChatGPT and DALL-E

• نمایش پاسخ ChatGPT در ویجت چت Displaying ChatGPT response in the chat widget

• اجرای دکمه متن و تصویر برای تولید تصویر DALL-E Implementing text and image button for DALL-E image generation

• اجرای کنترلر اسکرول و گره فوکوس برای ویجت چت Implementing scroll controller and focus node for a chat widget

• ذخیره تصویر ChatGPT در فضای ذخیره سازی Firestore Saving ChatGPT image to Firestore storage

• فشرده سازی تصویر تولید شده قبل از ذخیره آن در Firestore Compressing the generated image before saving it to Firestore

فایل های متن به گفتار، گفتار به متن و لوتی Text-to-Speech, Speech-to-text and Lottie Files

• اضافه کردن یک ویژگی تصویر شبکه ذخیره شده Adding a Cached Network Image Feature

• ادغام عملکرد گفتار به متن Integrating Speech-to-Text Functionality

• استفاده از فایل‌های Lottie و تبدیل گفتار به متن Utilizing Lottie Files and Speech-to-Text

• بسته تبدیل متن به گفتار قسمت 1 Text-to-Speech package part 1

• بسته تبدیل متن به گفتار قسمت 2 Text-to-Speech package part 2

• صفحه نمایه Profile screen

• دکمه های پیاده سازی برای صفحه نمایه کاربری شما Implementing Buttons for Your User Profile Screen

ادغام Elevenlabs، اشتراک گذاری و پخش زنده تصاویر به اشتراک گذاشته شده. Elevenlabs integration, share and live streaming shared images.

• یکپارچه سازی Elevenlabs API - قسمت 1 Integrating Elevenlabs API - Part 1

• اجرای سنتز گفتار Elevenlabs Implementing Elevenlabs Speech Synthesis

• اشتراک گذاری تصاویر تولید شده - قسمت 1 Sharing Generated Images - Part 1

• اشتراک گذاری تصاویر تولید شده - قسمت 2 Sharing Generated Images - Part 2

• پخش زنده تصاویر به اشتراک گذاشته شده در صفحه پست ها Live Streaming Shared Images on Posts Screen

• ایجاد ویجت پست با دکمه های لایک و نظر Creating Post Widget with Like and Comment Buttons

• نمایش صفحه جزئیات پست Displaying Post Details Screen

به روز رسانی قسمت پایین چت، فهرست چت و اجرای ویژگی نظرات و پسندیدن ها Updating Bottom chat field, ChatList and implementing Comments and likes feature

• در حال به روز رسانی قسمت پایین چت Updating Bottom chat field

• به روز رسانی ویجت Chatlist Updating the Chatlist widget

• ارسال اولین نظر Sending a first comment

• پیاده سازی لیست گروه بندی شده Implementing grouped list

• تراز و اصلاح نظرات Comment alignment and fixes

• مرتب سازی نظرات Sorting of comments

• حباب چت کامنت قسمت 1 Comment chat bubble part 1

• حباب چت کامنت قسمت 2 Comment chat bubble part 2

• به روز رسانی حباب نظرات و نمایش تعداد نظرات Updating comments bubble and displaying comments count

• پیاده سازی ویژگی لایک Implementing Like feature

• تکمیل ویژگی لایک Completing Like feature

قوانین Firebase Firebase Rules

• قوانین Firebase - پایگاه داده کاربران Firebase rules - users database

• قوانین Firebase - پایگاه داده پست ها Firebase rules - posts database

• قوانین Firebase - پایگاه داده لایک و نظرات Firebase rules - likes and comments database

• قوانین Firebase - پایگاه داده چت Firebase rules - chats database

• برگه ها قسمت 1 Tabs part 1

• برگه ها قسمت 2 Tabs part 2