لوحة غسيل السيارات

المشكلة

احتاج المحل سطح تشغيل واحد بالعربية واتجاه RTL — لا لوحة إنجليزية مقلوبة بـ CSS. كان على الطاقم إدارة الحجوزات وساعات العمل والإجازات والخدمات والكوبونات دون مغادرة الوحدة.

النهج

1. 01

   React 18 وTypeScript مع MUI وEmotion RTL وTailwind وخط Tajawal على ثيم تشغيل بنفسجي.

2. 02

   Redux Toolkit للمصادقة وRTK Query لإحصاءات الرئيسية والحجوزات والمستخدمين والموظفين، خلف مسارات محمية.

3. 03

   دورة حياة كاملة للحجز: قائمة وتفاصيل ونماذج إنشاء/تعديل، إضافة إلى الخدمات والمواقع والكوبونات وأوقات عمل الموظفين وإجازاتهم.

4. 04

   لوحة رئيسية بفلاتر شهرية وبطاقات مؤشرات وأعمدة Recharts أسبوعية وجداول جاهزة للتصدير.

النتيجة

وحدة تشغيل عربية بشكل إنتاجي: تسجيل دخول، شريط جانبي قابل للطي، والأدوات اليومية التي يستخدمها مدير المغسلة فعلًا.

RTL قيد منتج لا ترجمة لاحقة

التطبيق ليس لوحة إنجليزية مترجمة. ذاكرة Emotion مربوطة بـ stylis-plugin-rtl، وثيم MUI يستخدم Tajawal، والتنقّل والجداول والنماذج مكتوبة للعربية. هذا الفرق بين دعم لغة والشحن لها.

تشغيل، لا جدول واحد

الحجوزات بجانب الطاقم (البيانات، فترات العمل، الإجازات) وخدمات الغسيل والمواقع والكوبونات. التوجيه المحمي ومصادقة Redux تُبقي الوحدة مغلقة. اللوحة الرئيسية تحوّل تلك السجلات إلى حجم حجوزات أسبوعي يقرأه المدير في جلسة واحدة.