نظام إدارة مطاعم متكامل (Restaurant Management System) – React & TypeScript

نظام إدارة مطاعم متكامل – "مطعمنا"

قمت بتطوير نظام متكامل لإدارة المطاعم يربط بين العميل، المطبخ، الكاشير، والإدارة ضمن منصة واحدة مترابطة، مع دعم التحديث اللحظي للطلبات بدون إعادة تحميل الصفحة.

- مكونات النظام:

Customer Dashboard: واجهة موبايل لطلب الطعام بسهولة.

Kitchen Dashboard: متابعة الطلبات وتحديث حالتها (Preparing – Ready).

Cashier Dashboard: إدارة الدفع، احتساب الضريبة والخدمة، وإصدار فاتورة PDF.

Admin Dashboard: لوحة تحكم شاملة للإحصائيات وتحليل الأداء.

- أبرز الميزات التقنية:

إدارة الحالة العامة باستخدام Redux

مزامنة فورية للطلبات عبر React Query Polling

نظام محاسبة يعرض:

الأرباح اليومية والشهرية

أكثر الوجبات مبيعًا

تقارير ضريبية

رسوم بيانية تفاعلية باستخدام Recharts

إصدار فواتير احترافية باستخدام jsPDF

دعم كامل للغة العربية (RTL)

بنية Clean Architecture قابلة للتوسعة

Mock Backend باستخدام json-server

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

React 19 – TypeScript – Vite – Redux – React Query – Tailwind CSS – Framer Motion – Recharts – jsPDF

المشروع مصمم ليكون جاهزًا للربط مع API حقيقي وقابل للتوسع مستقبلاً.

ملاحظة: المشروع يعتمد على json-server كـ Mock Backend، لذلك لا يوجد Live Demo مباشر، لكن يمكن تشغيله بسهولة عبر التعليمات الموجودة في ملف README على GitHub.

تم ارفاق رابط عبارة عن فيديو لللمشروع مع ارفاق ملف المشروع .