آموزش ساخت اپلیکیشن سفارش غذا با Jetpack Compose، کاتلین MVVM و Firebase - آخرین آپدیت
دانلود Jetpack Compose Food Delivery App — Kotlin MVVM + Firebase
در این مسیر، شما یک UI مدرن با Material 3 طراحی میکنید که از حالت Dark Mode پشتیبانی میکند. صفحه اصلی را با اسلایدر بنرهای متحرک (Accompanist Pager) میسازید و قابلیتهای جستجو و مرور دستهبندیها را پیاده میکنید. همچنین لیست غذاها و صفحات جزئیات را با سیستم بارگذاری تصاویر Coil پیادهسازی خواهید کرد.
مدیریت وضعیتها با ViewModel + LiveData در یک ساختار MVVM ساده انجام میشود که قابلیت توسعه بالایی دارد. برای دادهها، اپلیکیشن به Firebase Realtime Database متصل میشود. شما یک سبد خرید کاربردی شامل افزودن/حذف آیتمها و محاسبه قیمتها خواهید ساخت که با TinyDB (SharedPreferences) به صورت محلی ذخیره میشود تا کاربر انتخابهای خود را از دست ندهد.
ناوبری اپلیکیشن از تبهای پایین (Bottom Tabs) شامل خانه، سبد خرید و پروفایل استفاده میکند. در طول دوره، حالتهای بارگذاری، خالی و خطا را مدیریت کرده و رابط کاربری را از نظر تایپوگرافی و آیکونها بهینهسازی میکنید تا پروژهای در سطح پورتفولیو داشته باشید.
این دوره برای مبتدیان و توسعهدهندگانی که قصد مهاجرت از XML/Java به Compose را دارند و به دنبال یک پروژه تجاری واقعی (بدون نیاز به درگاه پرداخت) هستند، ایدهآل است. در پایان، شما تسلط کاملی بر کدها خواهید داشت و میتوانید قابلیتهایی مانند علاقهمندیها، کوپن تخفیف و دفترچه آدرس را به آن اضافه کنید.
پیشنیازها: کاتلین مقدماتی، نرمافزار اندروید استودیو و حساب گوگل برای Firebase.
مناسب برای: توسعهدهندگان اندروید (مبتدی تا متوسط)، برنامهنویسان XML/Java که به کاتلین و Compose مهاجرت میکنند، دانشجویانی که به دنبال پروژه نمونه هستند و استارتاپهایی که میخواهند یک MVP سفارش غذا بسازند.
مقدمه Introduction
-
خوشآمدگویی به دوره Welcome to the Course
-
معرفی کلی Introduction
سورس کد (ZIP) Source Code (ZIP)
-
کدهای نهایی (ZIP) Final Code (ZIP)
راهاندازی و فایربیس Setup & Firebase
-
ایجاد پروژه و تنظیمات اولیه Create project & setup
-
افزودن Firebase Realtime Database Add Firebase Realtime Datebase
صفحه اسپلش Splash Screen
-
طراحی رابط کاربری اسپلش Splash UI
-
جریان استارتآپ و تاخیر Startup flow & delay
-
ناوبری به صفحه اصلی Navigate to Home
ساختار کلی اپلیکیشن: BottomNav و TopBar App Shell: BottomNav & TopBar
-
ناوبری پایین - بخش اول Bottom Navigation (P1)
-
ناوبری پایین - بخش دوم Bottom Navigation (P2)
-
نوار بالای اپلیکیشن - بخش اول Top App Bar (P1)
-
نوار بالای اپلیکیشن - بخش دوم Top App Bar (P2)
صفحه اصلی: اسلایدر بنرها Home: Banner Carousel
-
بنرها - بخش اول Banner (P1)
-
بنرها - بخش دوم Banner (P2)
-
بنرها - بخش سوم Banner (P3)
-
بنرها - بخش چهارم Banner (P4)
صفحه اصلی: جستجو و دستهبندیها Home: Search & Categories
-
نوار جستجو و منطق آن Search bar & logic
-
دستهبندیها - بخش اول Categories (P1)
-
دستهبندیها - بخش دوم Categories (P2)
-
دستهبندیها - بخش سوم Categories (P3)
لیست غذاها Food List
-
لیست غذاها - بخش اول Food list (P1)
-
لیست غذاها - بخش دوم Food list (P2)
-
لیست غذاها - بخش سوم Food list (P3)
-
لیست غذاها - بخش چهارم Food list (P4)
-
لیست غذاها - بخش پنجم Food list (P5)
جزئیات غذا Food Detail
-
جزئیات - بخش اول Detail (P1)
-
جزئیات - بخش دوم Detail (P2)
-
جزئیات - بخش سوم Detail (P3)
-
جزئیات - بخش چهارم Detail (P4)
-
جزئیات - بخش پنجم Detail (P5)
-
جزئیات - بخش ششم Detail (P6)
-
جزئیات - بخش هفتم Detail (P7)
-
جزئیات - بخش هشتم Detail (P8)
-
جزئیات - بخش نهم Detail (P9)
سبد خرید و ذخیرهسازی Cart & Persistence
-
سبد خرید - بخش اول Cart (P1)
-
سبد خرید - بخش دوم Cart (P2)
-
سبد خرید - بخش سوم Cart (P3)
-
سبد خرید - بخش چهارم Cart (P4)
-
سبد خرید - بخش پنجم Cart (P5)
-
سبد خرید - بخش ششم Cart (P6)
-
سبد خرید - بخش هفتم Cart (P7)
-
سبد خرید - بخش هشتم Cart (P8)
https://donyad.com/d/6e61dd
Muhammad Hassan Zahedi
توسعهدهنده ارشد اندروید
نمایش نظرات