شرح Flutter عمليًا 🔥 ربط تفاصيل الرحلات والمفضلة والحجوزات بالـ API | مشروع رحّالة
Osama Essam
0:00 / 0:00
شرح Flutter عمليًا 🔥 ربط تفاصيل الرحلات والمفضلة والحجوزات بالـ API | مشروع رحّالة
46 просмотров · 2 дн. назад
Osama Essam
436 подписчиков
46 просмотров · 2 дн. назад
في السيشن دي من مشروع *رحّالة باستخدام Flutter* هنكمل ربط التطبيق بالـ Backend، ونحوّل تفاصيل الرحلات والمفضلة والحجوزات من بيانات ثابتة إلى بيانات حقيقية من الـ API.
*هتتعلم في الفيديو:*
ربط Trip Details بالبيانات الحقيقية وعرض تفاصيل الرحلة.
إضافة وإزالة الرحلات من المفضلة باستخدام API.
إنشاء Favorite Data Source وRepository وCubit.
تحديث أيقونة القلب حسب حالة المفضلة.
إضافة حقول `isFavorite` و`isBooked` إلى Trip Model.
تنفيذ حجز الرحلات وإرسال عدد الأفراد والملاحظات.
ربط Booking Confirmation بالبيانات الحقيقية للرحلة.
عرض رسالة نجاح أو خطأ عند تأكيد الحجز.
إنشاء Booking Model وData Source وRepository وCubit.
عرض حجوزات المستخدم داخل صفحة حجوزاتي.
فلترة الحجوزات حسب الحالة: Pending وApproved وCancelled.
عرض تفاصيل الحجز والتعامل مع حالات Loading وError وSuccess.
استخدام RefreshIndicator لتحديث الحجوزات.
تنظيم الكود باستخدام Cubit وRepository Pattern وDependency Injection.
بنهاية السيشن هنكون ربطنا أهم أجزاء تطبيق رحّالة بالـ API، من تفاصيل الرحلات والمفضلة لحد إنشاء الحجوزات وعرضها داخل التطبيق.
*كود المشروع على GitHub:*
https://github.com/osama-sn/rahala
*تابع القناة عشان تكمل سلسلة بناء رحّالة خطوة بخطوة:*
/ @osamaessam-coding
#Flutter #Dart #Cubit #Dio #CleanArchitecture #RESTAPI #Firebase #BookingSystem #FlutterTutorial #Rahala