مزامنة ذكية دون اتصال: بنيت معمارية delta-sync للوصول الفوري بلا إنترنت، ودمجت إشعارات Firebase للحفاظ على تفاعل المستخدمين.
مشروع 03
رحمة
تجارة إلكترونية بالعربية أولاً
تطبيق تجارة إلكترونية بالعربية يعمل دون اتصال، لتصفّح أدوات المطبخ وإدارة السلة وإتمام الطلب بسهولة.
FlutterDartRiverpodSupabaseFirebase
جرّبه
9:41
الغاية
لماذا صُنع هذا المنتج.
المتاجر الصغيرة لأدوات المطبخ في الأسواق العربية لا تحتمل تكلفة بوابات الدفع، وزبائنها يتسوّقون غالباً باتصال ضعيف. رحمة تجعل المتجر المحلي يبدو كتطبيق متكامل: كتالوج وبحث وطلب، من دون أن تغيّر طريقة صاحب المحل في إتمام البيع.
من داخل المشروع
مدروس من البداية حتى النهاية.
5 نقاط بارزة
إتمام الطلب عبر WhatsApp: تجنّبت بوابات الدفع المكلفة بمحرك يحوّل الطلب إلى صورة عبر Flutter Canvas لإرسالها مباشرة لمالك المتجر.
بحث عربي يراعي طريقة الكتابة: طوّرت محرك بحث عربي مع تحسينات أداء تشمل lazy-mounting وإيقاف الرسم أثناء التمرير — محلي أولاً بلا حمل على الـ backend.
الأداء: حقّقت واجهة سلسة بسرعة 120fps طوال تجربة التسوق عبر state محدودة النطاق وتقنيات عرض ديناميكية.
UI/UX: صمّمت ونفّذت شاشات onboarding جذابة ورسوم متحركة مخصصة سلسة في أنحاء التطبيق.
التحديات
القيود التي بنيت الحل حولها.
ما يبدو بسيطاً في الواجهة كان أصعب ما في التنفيذ.
- 01
كتالوج فوري على اتصال ضعيف
المشكلة
تحميل الكتالوج كاملاً في كل تشغيل بطيء ومكلف، ويصبح عديم الفائدة في اللحظة التي ينقطع فيها الإنترنت.
كيف بنيت الحل
بنيت مسار delta-sync: التشغيل الأول يخزّن كل شيء في Hive، والتشغيلات التالية ترسل last_sync_time إلى Supabase وتجلب الإضافات والتعديلات والحذف الناعم فقط. وإذا انقطعت الشبكة، تُفتح الواجهة من الـ cache فوراً.
- 02
إتمام الطلب من دون بوابة دفع
المشكلة
بوابات الدفع مكلفة لمتجر صغير، وصاحب المحل يعتمد أصلاً على WhatsApp — ومسار Stripe سيتعارض مع قناة البيع الحقيقية.
كيف بنيت الحل
بنيت OrderImageGenerator على Flutter Canvas يرسم السلة كصورة إيصال، ثم يرسلها عبر WhatsApp ليصل المالك طلباً مرئياً يمكن تنفيذه فوراً.
- 03
بحث عربي يجد المنتجات فعلاً
المشكلة
التشكيل واختلاف الحروف (أ / إ / ا) يجعل البحث الساذج يفوت منتجات موجودة في الكتالوج.
كيف بنيت الحل
كتبت أداة تطبيع عربي وفلترة تقريبية فوق كاش Hive المحلي — بلا حمل على الـ backend، ونتائج فورية مهما كانت طريقة كتابة المتسوّق.
جولة في المنتج
نظرة أقرب.
تصفّح شاشات المنتج الحقيقية والتفاصيل التي تُكمل التجربة.
9:41
9:41
9:41
9:41
9:41
9:41
9:41
9:41
9:41
المنتج أثناء الاستخدام
شاهد كيف تبدو التجربة.
جولة حقيقية في المنتج والتفاعلات والمسار الكامل.
9:41
