آموزش برنامه FoodPanda و Uber Eats Clone را با پورتال وب مدیر بسازید

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

معرفی Introduction

• معرفی Introduction

توجه داشته باشید Note

• توجه داشته باشید Note

برنامه فروشندگان - پروژه Flutter جدید را راه اندازی کنید و فروشندگان جدید را تأیید کنید Sellers App - Setup new Flutter Project & Authenticate new Sellers

• ایجاد و راه اندازی پروژه Flutter جدید - افزودن تصاویر و دارایی ها Create & Setup new Flutter Project - Adding images & assets

• یک Splash Screen ایجاد و راه اندازی کنید Create and Setup a Splash Screen

• اجرای نمای نوار برگه برای ورود و ثبت نام Implementing Tab Bar View for Login and SignUp

• فیلد فرم متن سفارشی Custom Text Form Field

• فرم ثبت نام Signup Form

• فرم ورود Login Form

• تصویر را از گالری انتخاب کنید Pick Image from Gallery

• مکان فعلی - طول و عرض جغرافیایی و آدرس - GeoCoding GeoLocator Get Current Location - Latitude, Longitude and Address - GeoCoding GeoLocator

• برنامه Sellers را به Firebase متصل کنید و Firebase را در برنامه راه اندازی کنید Connect Sellers App to Firebase and Initialise Firebase in App

• گفتگوی هشدار خطا Error Alert Dialog

• اعتبار سنجی فرم Form Validation

• رفع خطا و اجرای گفتگوی بارگذاری با نوار پیشرفت Fix error and Implement Loading Dialog with Progress Bar

• آپلود تصویر در Firebase Cloud Storage Upload Image to Firebase Cloud Storage

• تأیید هویت فروشنده و ذخیره داده ها در پایگاه داده Firestore - SignUp Seller Authenticate Seller and Save Data to Firestore Database - SignUp Seller

• با SharedPrefrences داده ها را به صورت محلی ذخیره کنید Save Data Locally with SharedPrefrences

• بررسی کرد که آیا فروشنده از قبل وارد سیستم شده است یا خیر Checked if seller Already Logged-in or NOT

• اطلاعات محلی و فروشنده خروج را بخوانید Read Local Data and Logout Seller

• به فروشنده اجازه دهید با استفاده از SharedPrefrences وارد شده و داده ها را به صورت محلی ذخیره کند Allow seller to Login and save Data Locally using SharedPrefrences

• کد منبع این بخش Source Code of this section

برنامه Riders - پروژه Flutter جدید را راه اندازی کنید و سواران جدید را تأیید کنید Riders App - Setup new Flutter Project & Authenticate new Riders

• ایجاد پروژه Flutter جدید برای برنامه Riders - افزودن دارایی ها و تصاویر Create new Flutter Project for Riders App - Add Assets & Images

• صفحه معرفی Splash Screen

• برنامه Riders را با Firebase متصل کنید Connect Riders App with Firebase

• به سوارکاران اجازه ثبت نام و ورود به سیستم را بدهید Allow riders to SignUp and Signin

• بررسی کنید که آیا یک رکورد سوار وجود دارد یا خیر Check if a Rider Record exists or not

• کد منبع این بخش Source Code of this section

Sellers App - بررسی کنید که آیا رکورد فروشنده وجود دارد یا خیر Sellers App - Check if a Seller Record Exists

• بررسی کنید که آیا سابقه فروشنده وجود دارد یا خیر Check if a Seller Record Exists or Not

برنامه کاربران - پروژه Flutter جدید را راه اندازی کنید و کاربران جدید را تأیید کنید Users App - Setup new Flutter Project & Authenticate new Users

• پروژه جدید ایجاد کنید و دارایی ها و تصاویر را اضافه کنید Create new Project and Add Assets & Images

• اضافه کردن Splash Screen Add Splash Screen

• برنامه را با Firebase متصل کنید و خطای فونت های جدید را برطرف کنید Connect App with Firebase and Fix new Fonts Error

• ورود و ثبت نام کاربران و بررسی اینکه آیا سابقه کاربری وجود دارد یا خیر Login & Signup users and Check if a user Record Exists or not

• کد منبع این بخش Source Code of this section

اپلیکیشن کاربران - اجرای کشو Users App - Implementing Drawer

• سربرگ کشو Drawer Header

• بدنه کشو Drawer Body

• کد منبع این بخش Source Code of this section

برنامه کاربران - بازیابی و نمایش همه کافه ها/رستوران ها، نمایش لغزنده اقلام غذایی Users App - Retrieve & Display all Cafes/ Restaurants, Display Food Items Slider

• پیاده سازی نوار لغزنده چرخ فلک برای نمایش تصاویر اقلام غذایی Implementing Carousel Slider for Displaying Food Items Images

• کلاس مدل فروشندگان - بازیابی و نمایش کافه ها/رستوران ها قسمت 1 Sellers Model Class - Retrieve & Display Cafes/Restaurants part 1

• پرس و جو برای خواندن مجموعه فروشندگان - بازیابی و نمایش کافه ها/رستوران ها قسمت 2 Query to Read Sellers Collection - Retrieve & Display Cafes/Restaurants part 2

• پیاده سازی طراحی برای نمایش اطلاعات - بازیابی و نمایش کافه ها/رستوران ها قسمت 3 Implement Design to Display Info - Retrieve & Display Cafes/Restaurants part 3

• کد منبع این بخش Source Code of this section

برنامه فروشندگان - به فروشندگان اجازه آپلود/افزودن منوهای جدید - بازیابی و نمایش منوها Sellers App - Allow Sellers to Upload/Add new Menus - Retrieve & Display Menus

• اجرای کشو فروشندگان Implement Sellers Drawer

• منوهای طراحی صفحه آپلود Design Menus Upload Screen

• تصویر منو با دوربین بگیرید - تصویر منو را از گالری انتخاب کنید Capture menu image with Camera - Pick menu image from Gallery

• طراحی صفحه فرم منوهای آپلود را اجرا کنید Implement Upload Menus Form Screen Design

• اعتبار سنجی فرم آپلود منوها Validation of Menus Upload Form

• آپلود تصویر منو و دریافت آدرس تصویر به عنوان بازگشت Upload Menu Image and Get Image url as return

• اطلاعات منو را در پایگاه داده Firestore ذخیره کنید Save menu info to Firestore Database

• ایجاد مدل منوها و ایجاد طرح برای نمایش منوها Create Menus Model and Create Design to Display Menus

• بازیابی و نمایش منوها در صفحه اصلی Sellers Retrieve and Display Menus on Sellers Home Screen

Sellers App - به فروشندگان اجازه آپلود/افزودن موارد جدید به منوها را می دهد Sellers App - Allow sellers to Upload/Add new Items to Menus

• طراحی صفحه آپلود و صفحه فرم آپلود موارد Design Upload Screen and Upload Items Form Screen

• افزودن/آپلود موارد جدید به منوها Add/Upload new Items to Menus

• بازیابی و نمایش موارد Retrieve and Display Items

• نمایش منوها و موارد به ترتیب نزولی Display Menus and Items in Descending order

• کد منبع این بخش Source Code of this section

برنامه کاربران - بازیابی و نمایش منوها و موارد Users App - Retrieve & Display Menus and Items

• بازیابی و نمایش منوها Retrieve and Display Menus

• موارد را بازیابی و نمایش دهید Retrieve and Display items

برنامه کاربران - اضافه کردن شمارنده افزایش و کاهش برای آیتم - نمایش جزئیات موارد Users App - Add increment & decrement Counter for item - Display Items Details

• اضافه کردن نماد سبد خرید با موارد نشان شماره - روی صفحه جزئیات موارد کار کنید Add Cart icon with items Number Badge - Work on items Details Screen

• پیاده سازی مواد غذایی افزایش، کاهش شمارنده و نمایش جزئیات مواد غذایی Implement Food items increment, decrement Counter and Display food item details

• کد منبع این بخش Source Code of this section

برنامه کاربران - افزودن سیستم سبد خرید - افزودن به سبد خرید و نشان موارد در AppBar Users App - Add Cart System - Add to Cart & Show items Badge on AppBar

• قابلیت افزودن اقلام غذایی به سبد خرید را پیاده سازی کنید Implement Add Food Items to Cart Feature

• بررسی کنید که آیا مورد از قبل در سبد خرید وجود دارد یا خیر Check if item Already Exist in Cart

• با استفاده از PROVIDER، نشان شماره موارد را در زمان واقعی به‌روزرسانی و نمایش دهید Update and Show items Number Badge at Real Time using PROVIDER

• کد منبع این بخش Source Code of this section

برنامه کاربران - سیستم سبد خرید: بازیابی و نمایش اقلام سبد خرید کاربر، پاک کردن سبد خرید Users App - Shopping Cart System: Retrieve & Display user Cart Items, Clear Cart

• طراحی صفحه سبد خرید - پاک کردن سبد خرید و دکمه خروج Cart Screen Design - Clear Cart and Check Out Button

• تعداد اقلام را به طور جداگانه واکشی کنید Fetch items Quantity Numbers Separately

• پیاده سازی طراحی اقلام سبد خرید Implement Cart items Design

• بازیابی و نمایش اقلام سبد خرید کاربر با تعداد تعداد Retrieve & Display user Cart items with Quantity Numbers

• سبد خرید را پاک کنید و برخی از اعتبارسنجی ها را اجرا کنید Clear Cart and Implement some Validations

• قیمت کلی را محاسبه کنید و قیمت کل را با استفاده از ارائه دهنده نمایش دهید Calculate overall Total Price & Display Total Price using Provider

برنامه کاربران - آدرس حمل و نقل را انتخاب کنید، آدرس ارسال جدید را ذخیره کنید Users App - Select Shipment Address, Save New Shipment Address

• رابط کاربری صفحه نمایش آدرس حمل و نقل Shipment Address Screen ui

• رابط کاربری صفحه نمایش آدرس حمل و نقل جدید را ذخیره کنید Save new Shipment Address Screen ui

• با استفاده از GeoCoding GeoLocator مکان کاربر را به طور خودکار دریافت کنید Get user Location automatically using GeoCoding GeoLocator

• آدرس ارسال جدید را در پایگاه داده Firestore ذخیره کنید Save new Shipment Address to Firestore Database

• پیاده سازی ویجت طراحی آدرس Address Design Widget Implementation

• آدرس‌های ارسال ذخیره شده کاربر را بخوانید و نمایش دهید و به کاربر اجازه دهید یکی را انتخاب کند Read and Display user Saved Shipment Addresses and allow user to choose one

• نمایش موقعیت مکانی کاربر در Google Maps Display user Location on Google Maps

• کد منبع این بخش Source Code of this section

برنامه کاربران - به کاربر اجازه می دهد تا سفارش دهد Users App - allow user to Place Order

• رابط کاربری صفحه نمایش سفارش Place Order Screen ui

• سفارش دهید و اطلاعات سفارش را در پایگاه داده Firestore ذخیره کنید Place Order and save Order Info to Firestore Database

برنامه کاربران - سفارشات من را بررسی کنید - رفع اشکالات در صفحه سبد خرید Users App - Check my My Orders - Fixing Bugs on Cart Screen

• ویجت طراحی کارت سفارش و سفارشات ثبت شده را پیاده سازی کنید Implement Order Card and Placed Orders Design Widget

• بازیابی و نمایش سفارشات من - رفع اشکال Retrieve and Display my Orders - Fixing Bugs

• جزئیات سفارش را بررسی کنید [نمایش وضعیت سفارش - آدرس ارسال - تاریخ زمان سفارش] Check Order Details [display order status - shipment address - order time date]

• کد منبع این بخش Source Code of this section

برنامه Riders - Rider Dashboard - نمایش سفارشات جدید برای سواران Riders App - Rider DashBoard - Display New Orders to Riders

• رابط کاربری داشبورد رایدر Rider Dashboard ui

• نمایش سفارشات جدید برای سواران Display new Orders for Riders

برنامه Riders - Rider برای تحویل سفارش کاربر - بسته تحویل را تأیید می کند Riders App - Rider Confirm to Deliver user's Order - Pickup Parcel

• برای تحویل این سفارش تایید کنید Confirm to Deliver this Order

• سوار سفارش برای تحویل و حفظ وضعیت - تحویل بسته را تأیید کرد Rider Confirmed Order for Delivery and Maintain Status - Parcel Pickup

• کد منبع این بخش Source Code of this section

برنامه Riders - سفارش تایید شده توسط Rider از کافه/رستوران فروشنده انتخاب شده است Riders App - Rider Confirmed Order has been Picked from Seller Cafe/Restaurant

• پیاده سازی رابط کاربری صفحه نمایش حمل و نقل - صفحه نمایش بسته در حال انجام Implement Shipment Screen ui - Parcel in Progress Screen

• نمایش مکان روی نقشه، ترسیم مسیر از مکان فعلی سوار تا مکان فروشنده Show Location on Map, Draw Route from rider Current Location to seller Location

• بسته تایید شده از کافه/رستوران فروشنده انتخاب شده است Confirmed Parcel has been Picked from Seller Cafe/Restaurant

• کد منبع این بخش Source Code of this section

برنامه Riders - Rider تایید می کند که بسته به مکان کاربر تحویل داده شده است - قسمت 1 Riders App - Rider confirm Parcel has been Delivered to user Location - Part 1

• تایید بسته تحویل داده شده است - قسمت 1 Confirm Parcel has been Delivered - part 1

• کد منبع این بخش Source Code of this section

برنامه Riders - payPerDeliveryAmount، محاسبه و به‌روزرسانی درآمد سوار و فروشنده Riders App - payPerDeliveryAmount, Calculate & Update Rider and Seller earnings

• پرداخت به ازای هر بسته مبلغ تحویل Pay Per Parcel Delivery Amount

• مبلغ کل سفارش را دریافت کنید Get Order Total Amount

• مجموع درآمدهای جدید را برای یک فروشنده محاسبه و به روز کنید Calculate and Update New Total Earnings for a Seller

• مجموع درآمدهای جدید را برای رایدر محاسبه و به روز کنید Calculate and Update New Total Earnings for Rider

• کد منبع این بخش Source Code of this section

برنامه Riders - Rider Confirm بسته به مکان کاربر تحویل داده شد - قسمت 2 Riders app - Rider Confirm Parcel has been Delivered to user Location - Part 2

• برنامه Riders - Rider Confirm بسته به مکان کاربر تحویل داده شد - قسمت 2 Riders app - Rider Confirm Parcel has been Delivered to user Location - Part 2

• کد منبع این بخش Source Code of this section

برنامه Riders - اجرای صفحه تاریخچه و صفحه درآمد کل Riders App - Implementing the History Screen & Total Earnings Screen

• صفحه نمایش تاریخ history screen

• درآمد کل total earnings

• کد منبع این بخش Source Code of this section

Sellers App - به فروشنده اجازه حذف منو و حذف آیتم را بدهید Sellers App - Allow a Seller to Delete Menu & Delete item

• به فروشنده اجازه دهید منو را حذف کند allow a seller to delete menu

• به فروشنده اجازه دهید تا کالا را حذف کند allow a seller to delete item

• کد منبع این بخش Source Code of this section

برنامه فروشندگان - نمایش سفارشات جدید، تاریخچه سفارشات و کل درآمد فروشندگان Sellers App - Display New Orders, History of Orders & sellers's Total Earnings

• اجرای و نمایش سفارشات جدید implement and display new orders

• پیاده سازی و نمایش تاریخچه سفارشات implement and display history of orders

• پیاده سازی و نمایش درآمد کل implement and display total earnings

• کد منبع این بخش Source Code of this section

برنامه کاربران - تاریخچه سفارشات و افزودن آدرس جدید حمل و نقل از Nav Drawer Users App - Orders History and Add new Shipment Address from Nav Drawer

• تاریخچه سفارشات orders history

• با استفاده از گزینه nav drawer آدرس جدید اضافه کنید add new address using nav drawer option

• کد منبع این بخش Source Code of this section

اپلیکیشن کاربران - جستجوی رستوران ها || کافه ها Users App - Search Restaurants || Cafes

• اجرای نوار برنامه جستجو در صفحه جستجو implement search app bar on search screen

• اجرای پرس و جوی جستجو implement search query

• نمایش نتایج جستجو display search results

• کد منبع این بخش Source Code of this section

پورتال وب مدیریت - یک پروژه وب فلاتر جدید ایجاد و راه اندازی کنید Admin WEB Portal - Create & Setup a new Flutter Web Project

• دستورات وب فلوتر Flutter Web Commands

• ایجاد و راه اندازی یک پروژه وب Flutter جدید Create & Setup a new Flutter Web Project

پورتال وب مدیریت - پیاده سازی صفحه اصلی || داشبورد مدیریت Admin WEB Portal - Implement Home Page || Admin Dashboard

• نمایش زمان زنده در وب سایت با فلاتر display live time on website with flutter

• نوار برنامه را با رنگ های سفارشی گرادیان تنظیم کنید set appbar with gradient custom colors

• داشبورد مدیریت admin dashboard

• کد منبع این بخش Source Code of this section

پورتال وب Admin - وب سایت را با Firebase و Login Admin متصل کنید Admin WEB Portal - Connect Website with Firebase & Login Admin

• رابط کاربری صفحه ورود به سیستم Admin Login Page Ui

• نحوه اتصال برنامه وب با Firebase How to connect Web App with Firebase

• احراز هویت مدیران - ذخیره سوابق مدیران در پایگاه داده Authenticate Admins - Save admins records in Database

• اجازه ورود به ادمین - بررسی کنید که آیا جزئیات مدیریت صحیح است و آیا سابقه مدیریت وجود دارد یا خیر Allow admin to Login - Check if admin details correct & if admin record exists

• از ادمین خارج شوید و بررسی کنید که آیا سرپرست قبلاً وارد سیستم شده است یا خیر SignOut admin and Check if admin already Logged-in

Admin WEB Portal - Admin Block & Unblock حساب های کاربران Admin WEB Portal - Admin Block & UnBlock users Accounts

• نمایش AppBar در صفحه وب حساب های کاربران تأیید شده Display AppBar on Verified users accounts Web Page

• نمایش حساب های کاربران تایید شده به مدیر Display Verified Users Accounts to Admin

• ادمین حساب های کاربران را مسدود کنید Admin Block the Users Accounts

• ادمین اکانت های کاربران را فعال کنید || رفع انسداد کاربران Admin Activate the Users Accounts || UnBlock Users

• کد منبع این بخش Source Code of this section

پورتال وب مدیریت - مسدود کردن و رفع انسداد حساب‌های فروشندگان - نمایش درآمد Admin WEB Portal - Admin Block & UnBlock sellers Accounts - Display Earnings

• فروشندگان بلوک مدیریت Admin Block Sellers

• ادمین فعال کردن حساب فروشندگان || رفع انسداد فروشندگان Admin Activate Sellers Account || UnBlock Sellers

• نمایش درآمد فروشندگان به مدیران Show Sellers Earnings to Admins

• کد منبع این بخش Source Code of this section

پورتال وب مدیریت - مسدود کردن و رفع انسداد حساب‌های سوارکاران - نمایش درآمد Admin WEB Portal - Admin Block & UnBlock riders Accounts - Display Earnings

• Admin Block Riders - نمایش درآمد سواران به مدیران Admin Block Riders - Display Riders Earnings to Admins

• ادمین فعال کردن حساب های سوارکاران || Unblock Riders Admin Activate Riders Accounts || UnBlock Riders

• کد منبع این بخش Source Code of this section

• کد منبع این بخش Source Code of this section

کاربران، فروشندگان و سواران مسدود شده را از استفاده از برنامه های موبایل محدود کنید Restrict Blocked Users, Sellers & Riders from using Mobile Apps

• کاربران مسدود شده را از استفاده از اپلیکیشن کاربران محدود کنید Restrict the Blocked Users from using Users App

• فروشندگان مسدود شده را از استفاده از برنامه فروشندگان محدود کنید Restrict the Blocked Sellers from using Sellers App

• سواران مسدود شده را از استفاده از برنامه Riders محدود کنید Restrict the Blocked Riders from using Riders App

بخش آخر: محدود کردن و خروج کاربران، فروشندگان و سواران مسدود شده از برنامه های تلفن همراه Last Section: RESTRICT & LOGOUT Blocked Users, Sellers & Riders from Mobile Apps

• خروج خودکار کاربران، فروشندگان و سواران مسدود شده از برنامه های موبایل - محدود کردن Automatically LOGOUT Blocked Users, Sellers & Riders from Mobile Apps - Restrict

• بابت پایان این دوره به شما تبریک می گویم Congratulations on finishing this Course

تبریک - دوره به پایان رسید Congratulations - Course Finished

• از اینجا کجا برویم Where to Go from Here