← العودة إلى الصفحة الرئيسية
BPOS
زيارة المشروع

تفاصيل التقنية

React Firebase Firestore TailwindCSS Vite PWA

BPOS

BPOS هو تطبيق نقاط بيع ويب متكامل و-FIRST للجوال مصمم لشركات التجزئة والمطاعم. يعمل بالكامل على جانب العميل كتطبيق React SPA بدون خادم مدعوم oleh Firebase Firestore — لا يتطلب خادمًا مخصصًا.

الميزات الرئيسية:

  • الكاشير / نقاط البيع: مسح الباركود عبر الكاميرا، البحث عن المنتجات، إدارة سلة التسوق، حساب خصم العروض التلقائي، الدفع النقدي/غير النقدي، التقاط صورة إثبات الدفع، وإنشاء الإيصال (URL عام قابل للمشاركة + PNG).
  • إدارة المنتجات: CRUD مع مجموعات تنويعات معقدة (اختيار أحادي/متعدد، فروقات الأسعار)، تعديل الأسعار/المخزون بالجملة، تتبع سجل التغييرات، إدارة المخزون مع تنبيhesات المخزون المنخفض، وتتبع انتهاء الصلاحية.
  • نظام العروض: خصومات النسبة والمبلغ الثابت والاشترِ واحصل على مجانًا مع نطاقات التاريخ النشطة، استهداف المنتجات، الأولوية، علامات التكامل، والتطبيق التلقائي في الكاشير بأفضل منطق خصم.
  • وضع المطاعم: لوحة معلومات الطلبات المفتوحة مع تتبع الحالة في الوقت الفعلي (تم الطلب → قيد التحضير → تم التقديم → تم الدفع)، إدارة الطاولات مع رموز QR، صفحة طلب QR للعملاء، وأوضاع التنفيذ القابلة للتكوين (خدمة الطاولة / الاستلام الذاتي).
  • الفريق والصلاحيات: دعم متعدد المتاجر، التحكم في الوصول على أساس الأدوار مع صلاحيات دقيقة، نظام الدعوات بالبريد الإلكتروني، وصندوق الدعوات الواردة.
  • لوحة المعلومات و KPI: لوحة معلومات الإيرادات (اليوم/الإجمالي/المتوسط)، تتبع KPI الموظفين يوميًا مع تصدير CSV، وتعبئة KPI رجعية.
  • تكامل Google Drive: رفع صور إثبات الدفع إلى Google Drive مع الضغط التلقائي والمشاركة العامة.
  • تسجيل التدقيق: 19 نوع إجراءات يتم تتبعها مع لقطات قبل/بعد وتتبع التغييرات على مستوى الحقول.
  • الدعم دون اتصال: المعاملات في قائمة انتظار في localStorage عند عدم الاتصال، مزامنة تلقائية عند استعادة الاتصال.
  • PWA: قابل للتثبيت كتطبيق على الشاشة الرئيسية مع شاشات البداية.

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

  • الواجهة الأمامية: React 18, Vite 5, TailwindCSS 4
  • الخلفية/قاعدة البيانات: Firebase Firestore (SDK عميل مباشر، بدون خادم)
  • المصادقة: Firebase Auth (Google OAuth)
  • مسح الباركود: ZXing (قائم على الكاميرا)
  • إنشاء الإيصال: html2canvas
  • تخزين الملفات: Google Drive REST API v3
  • PWA: vite-plugin-pwa

الهندسة المعمارية:

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

Logo Adib

© 2026 Adib

GitHub