العودة إلى المشاريع

تطبيقات موبايل

Captain

Captain هو تطبيق ركاب يربط المستخدمين بالسائقين القريبين لحظيًا، مع اختيار عرض السائق المناسب، تتبع الرحلة على الخريطة، المحادثة، إدارة المحفظة، ودعم العربية والإنجليزية.

FlutterDartflutter_bloc (Cubit)Dio REST APISocket.IO

المشروع

Captain

المجال

تطبيقات موبايل

المنصة

iOS و Android

التقنيات

14 أدوات

نظرة عامة على المشروع

تفاصيل المشروع

Captain هو تطبيق موبايل للركاب ضمن منصة توصيل متكاملة تضم تطبيق سائق، لوحة تحكم React، Backend مبني بـ NestJS، وقاعدة بيانات PostgreSQL. يستطيع الراكب تسجيل الدخول برقم الهاتف ورمز OTP، البحث عن نقطة الانطلاق والوجهة، طلب رحلة، مراجعة عروض السائقين لحظيًا، اختيار السائق المناسب، ومتابعة الرحلة النشطة على Google Maps. يدعم التطبيق تحديثات حالة الرحلة، تتبع موقع السائق المباشر، محادثة داخلية مع رسائل صوتية، إشعارات فورية وداخل التطبيق، رصيد المحفظة، وسائل الدفع، شحن الرصيد، تعديل الملف الشخصي، استعادة كلمة المرور، الدعم، تسجيل الخروج، وتجربة عربية وإنجليزية. تم بناء التطبيق باستخدام Flutter وDart مع بنية feature-based، إدارة حالة flutter_bloc Cubit، طبقات Repository، نماذج بيانات typed، تكامل REST عبر Dio، أحداث لحظية عبر Socket.IO، خرائط Google، خدمات تحديد الموقع، Firebase Cloud Messaging، وتخزين محلي باستخدام Shared Preferences.

01

المشكلة

الركاب يحتاجون مسارًا واضحًا لطلب الرحلة مع عروض سائقين لحظية، تتبع مباشر على الخريطة، تواصل، ومدفوعات دون الاعتماد على أدوات منفصلة أو مكالمات يدوية.

02

الحل

تطبيق Flutter للركاب متصل بخدمات Backend لحظية، يجمع تسجيل الدخول بالهاتف وOTP، البحث عن المواقع، تقدير الرحلات، عروض السائقين، اختيار السائق، التتبع المباشر، المحادثة، المحفظة، الإشعارات، وواجهة ثنائية اللغة.

03

القيمة

تجربة ركاب قابلة للتوسع تجعل حجز الرحلات أسرع، تمنح المستخدم رؤية أوضح أثناء الرحلة، تدعم التواصل المباشر مع السائق، وتوفر أساسًا قويًا لمنصة التوصيل بالكامل.

التقنيات المستخدمة

FlutterDartflutter_bloc (Cubit)Dio REST APISocket.IOGoogle MapsGeolocatorGeocodingFirebase Cloud MessagingShared PreferencesNode.js / NestJSPostgreSQLReact Admin DashboardArabic & English Localization

مراحل التطوير

  1. 01

    البحث

  2. 02

    المخططات الأولية

  3. 03

    تصميم UI/UX

  4. 04

    التطوير

  5. 05

    الاختبار

  6. 06

    الإطلاق

معرض المشروع

5 لقطات شاشة

استكشف المشروع التالي

Doctor App

تطبيق يحتوي على معلومات شاملة عن الأطباء في كل التخصصات، مع onboarding منظم، ومصادقة آمنة، وتصفح الأطباء حسب التخصص.

عرض المشروع التالي