بحاجة لـ Mobile Developer متخصص في React Native لإكمال منظومة تطبيقات متكاملة لمنصة شنة

🔹 عن المشروع — اقرأ بعناية

التطبيقات مبنية بشكل كبير ومنجزة جزئياً، المطلوب ليس البناء من صفر بل متخصص يكمل ما تم بناؤه ويحسّنه ويوحّده.

4 تطبيقات React Native (Expo SDK 54/55):

- تطبيق العميل (شنة): تصفح، طلب، دفع، تتبع

- تطبيق التاجر/المورد: إدارة المتجر، المنتجات، الطلبات، المحفظة

- تطبيق السائق (Delivery): استقبال الطلبات، التوصيل، المحفظة

- لوحة التحكم (Admin): Laravel + Vue — ليست ضمن المهمة

الـ Backend جاهز بـ Laravel 12 + API كاملة. أنت مسؤول عن الـ 3 تطبيقات Mobile بالكامل وضمان تكاملها مع بعض ومع الـ Backend.

⚠️ مسؤوليتك الأساسية — التكامل الكامل بين التطبيقات

أي action يحدث في أي تطبيق يجب أن ينعكس فوراً على باقي التطبيقات:

• عميل يدفع → تاجر يستلم إشعار → سائق يُعيَّن → عميل يتتبع حي

• عميل يطلب استرداد → تاجر يرى الطلب → أدمن يوافق → رصيد يتحدث في كل المحافظ

• تاجر يغير حالة الطلب → العميل يرى التغيير فوراً

• سائق يتحرك → العميل يرى موقعه على الخريطة في الوقت الحقيقي

• أي خطأ أو تعطل في تطبيق واحد لا يؤثر على باقي التطبيقات

هذا التكامل هو جوهر المهمة — ليس فقط بناء شاشات.

🔹 Google Maps APIs (إلزامي في الثلاث تطبيقات)

• react-native-maps مثبت — يحتاج ربط وتفعيل كامل

• تطبيق العميل:

- اختيار العنوان على الخريطة (Track & Pick Map)

- عرض موقع السائق في الوقت الحقيقي أثناء التوصيل

- Google Places Autocomplete للعناوين

- عرض ETA المحسوب من Backend

• تطبيق السائق:

- خريطة الملاحة من المتجر إلى العميل

- Geofence Auto-Arrival (تحديث تلقائي عند الوصول)

- Google Places Autocomplete

• تطبيق التاجر:

- IS_MAPS_DISABLED = false (الخريطة معطلة حالياً — تحتاج تفعيل)

- عرض موقع المتجر على الخريطة

🔹 توحيد الـ UI/UX بين التطبيقات (أولوية عالية)

مطلوب التأكد من أن كل تطبيق يتبع هوية شنة البصرية ويتوافق مع تصاميم Figma:

• توحيد الألوان: لون البراند #881ED3 موحَّد في كل التطبيقات

• توحيد المكونات: الأزرار، البطاقات، حقول الإدخال، الـ Modals — نفس الشكل

• توحيد الخطوط والمسافات والـ Typography

• توحيد شاشات Loading / Error / Empty States

• توحيد شاشات الإشعارات وشكل عرضها

• توحيد flow الإجراءات المتشابهة (رفع الصور، التأكيد، الإلغاء)

• ستُشارك معك ملفات Figma كاملة — يجب الالتزام بها بدقة

🔹 إكمال تطبيق السائق + إعادة تصميم الواجهات

تطبيق السائق مبني لكن يحتاج إكمال شاشات ناقصة وإعادة تصميم شاملة لمواءمة ثيم شنة:

الشاشات الناقصة (تُضاف):

• شاشة Offer/Accept مع عداد 30 ثانية

• شاشة OTP التسليم (السائق يدخل الكود)

• شاشة صورة التسليم (التقاط + رفع)

• شاشة Cash Reconciliation

• شاشة On/Off Duty + جدول الشفتات

إعادة التصميم (مع الحفاظ على نفس الكود):

• تطبيق Design System شنة على كل الشاشات

• الشاشة الرئيسية + Order Flow + الخريطة + المحفظة + الإعدادات

• التأكد من RTL كامل

🔹 تطبيق التاجر/المورد (الأولوية القصوى)

• ربط شاشات Auth (RTK Query موجود ومعرَّف — ربط فقط):

- Login + Register + OTP + Store Setup + Complete Profile

• ربط Catalog / Products:

- قائمة المنتجات، إضافة، تعديل، حذف، تفعيل/إيقاف

- رفع الصور (ImageIngestService جاهز في Backend)

• ربط باقي الـ endpoints (73 endpoint لا تزال TODO):

- Wallet + Payouts + Dashboard Stats

- Reviews + Reply-to-Review

- Coupons + Banners + Chat + Support Tickets

🔹 تطبيق العميل

• دعم اللغة الإنجليزية الكامل:

- هجرة لـ react-i18next (موجود في Vendor + Rider)

- استخراج كل النصوص العربية وترجمتها

- RTL/LTR تلقائي مع تبديل اللغة

• شاشة الدفع الإلكتروني (Card / Mada):

- استدعاء POST /client/payments/initiate/{order}

- عرض payment_url من البوابة + معالجة النتيجة

• شاشة تتبع السائق (Real-time):

- WebSocket channel لموقع السائق المباشر

- Google Maps مع موقع السائق + ETA

• شاشة محفظة العميل:

- Balance + Transaction history

- Apply wallet at checkout

• شاشة طلب الاسترجاع (Refund Request)

• Chat مع التاجر (Conversation List + Thread)

• شاشة الشكاوى والدعم

• الكوبونات في الـ Cart

• عرض إعلانات التطبيق (Banner صور + فيديو قصير)

🔹 تطبيق السائق (الربط)

• إزالة mock data وربط API حقيقي:

- History Tab: ربط GET /driver/orders/history

- إزالة AVAILABLE_ORDERS / WALLET_SUMMARY / RIDER_PROFILE من mockData

- عرض Error State واضح بدل البيانات الوهمية

• Push Notification Handler + Deep-link Router

🔹 رفع التطبيقات على المتجرين

أنت مسؤول عن تجهيز وإعداد كل متطلبات الرفع:

App Store (iOS):

• تجهيز EAS Build لـ iOS

• رفع Build لـ TestFlight للاختبار

• إعداد App Store listing (screenshots، description، keywords)

• Privacy Policy URL + Age Rating

• رفع للـ App Store Review بعد موافقة QA

Google Play Store (Android):

• تجهيز EAS Build لـ Android (AAB)

• رفع لـ Internal Testing Track

• إعداد Play Store listing

• رفع للـ Production Track بعد موافقة QA

ملاحظة: زر "نشر للعموم" يبقى بيد صاحب المشروع — أنت ترفع وتجهّز فقط.

🔹 معالجة الأخطاء (Bug Fixing)

أي خطأ أو crash يظهر في أي من التطبيقات أثناء العمل يجب معالجته فوراً:

• لا تترك أي خطأ معلق بدون حل

• Crashlytics + Sentry يُثبَّتان في كل تطبيق للرصد

• أي crash يُوثَّق ويُحل قبل طلب دفع الـ Milestone

• الاختبار على Android وiOS بمقاسات مختلفة إلزامي

• الاختبار على شبكة ضعيفة وبدون شبكة (Offline State)

🔹 مشترك في الثلاث تطبيقات

• E.164 Normalization في كل حقول إدخال الجوال

• Sentry / Crashlytics Mobile SDK

• Responsive Image Components

• Google Places Autocomplete

• Push Token Registration + التأكد من وصول الإشعارات على Android وiOS

• Force-update Screen (Version Gate)

• شاشات الإعدادات في كل تطبيق

🔹 التقنيات المطلوب معرفتها

• React Native + Expo SDK (إلزامي)

• RTK Query + Redux Toolkit

• Expo Router v6 (file-based routing)

• expo-notifications + Deep linking

• react-native-maps + expo-location + Google Maps APIs (إلزامي)

• react-native-video (لدعم إعلانات الفيديو)

• react-i18next (للترجمة عربي/إنجليزي)

• WebSocket / Pusher-js

• EAS Build + TestFlight + Google Internal Testing

• TypeScript (strict)

• خبرة في Design Systems وتوحيد الـ UI بين تطبيقات متعددة

🔹 متطلبات العمل

• سبق نشر تطبيق On-demand أو Delivery على App Store وGoogle Play

• خبرة حقيقية في Google Maps APIs (Directions، Places، Geocoding)

• خبرة في Real-time updates وWebSockets

• خبرة موثقة في توحيد Design System بين تطبيقات

• يعمل بالتنسيق اليومي مع Backend Developer

• متاح للاختبار على أجهزة حقيقية Android + iOS

• يقدر يبدأ خلال 48 ساعة

• رفع المهام عن طريق ClickUp

• التواصل والدفع حصراً عبر مستقل

• الكود عبر GitHub فقط — لا ZIP

يجب فهم الملف المرفق وقراءته بوضوح قبل كتابة عرضك

يتم الدفع بعد انتهاء جميع المهام والوصول لنتيجة ممتازة ف التطبيقات

الميزانية المناسبة للعروض من 250 دولار الى 400 دولار

🔹 طريقة التقديم

أجاوب على هذه الأسئلة في عرضك:

1. هل سبق ربطت تطبيق بـ Payment Gateway؟ أي بوابة؟

2. كيف تضمن أن تغيير حالة الطلب في تطبيق التاجر ينعكس فوراً على تطبيق العميل؟

3. كيف تتعامل مع WebSocket يقطع في الخلفية؟

4. كيف تعرض Error State بدون إظهار بيانات وهمية للمستخدم؟

5. كيف ضبطت Google Maps في تطبيق Delivery أو On-demand سابق؟

6. شارك رابط تطبيق نشرته على App Store أو Google Play

العروض بدون رابط تطبيق منشور لن تُراجع.