موقع ورشة سيارات

نبذة عن المشروع (Overview)

منصة إلكترونية متكاملة وديناميكية مُصممة لمركز صيانة سيارات احترافي في مكة المكرمة. يهدف المشروع إلى تقديم تجربة مستخدم فريدة وسلسة وحصرية باللغة العربية (RTL)، تتيح للعملاء استعراض الخدمات، حجز الفحوصات، تقييم الخدمات، وإرسال الشكاوى والاقتراحات، بالإضافة إلى لوحة تحكم إدارية شاملة تمنح صاحب العمل السيطرة الكاملة على جميع محتويات وبيانات المنصة.

✨ أبرز مميزات المنصة (Key Features)

1. الواجهة الأمامية للعملاء (Landing Page & User Interface):

تصميم عصري وجذاب: واجهة حديثة تعتمد على أفضل معايير UI/UX مع دعم كامل للغة العربية والاتجاه من اليمين إلى اليسار (RTL).

تصفح الأقسام والخدمات: عرض تفاعلي لخدمات الصيانة السريعة، الفرامل، الميكانيكا، الكهرباء والتكييف، السمكرة والدهان، والغسيل.

فريق العمل والمزايا التنافسية: استعراض الكوادر الفنية والميزات مثل الفحص بالذكاء الاصطناعي وتقليل وقت الإصلاح.

الوضع الليلي والنهاري (Dark/Light Mode): نظام تبديل مظهر متقدم يحفظ تفضيل المستخدم محلياً لمنع وميض الشاشة أثناء التحميل.

نظام التقييمات الآلي (Ratings System): يتيح للعملاء تقييم الخدمات والموقع وتوثيق آرائهم ديناميكياً.

نظام الشكاوى والاقتراحات: نموذج تواصل مباشر يُسجّل بيانات وتفاصيل الشكاوى في قاعدة البيانات فوراً.

2. لوحة تحكم المشرف (Admin Dashboard):

تسجيل دخول آمن: نظام حماية واستوثاق يعتمد على رموز التشفير الآمنة (Stateless JWT / HMAC Token Authentication).

إدارة المحتوى العامة: إمكانية تعديل أرقام التواصل، الواتساب، البريد، العنوان، وخريطة التفاعل، وركائز وسائل التواصل الاجتماعي دون الحاجة لتعديل الكود.

إدارة الخدمات والفرص والكوادر: إضافة، تعديل، وحذف الخدمات والمزايا وأعضاء الفريق مع خاصية ضغط وتصغير الصور تلقائياً عبر المتصفح قبل رفعها.

إدارة الشكاوى والتقييمات: مراجعة رسائل العملاء وحذف التقييمات غير المناسبة مع خاصية تصدير الشكاوى إلى ملفات إكسل (CSV Export) بدعم كامل للغة العربية.

🛠️ التقنيات المستخدمة (Tech Stack)

الواجهة الأمامية (Frontend): React (v19), TypeScript, Vite, TailwindCSS (v4), Lucide Icons, Sonner Toasts.

الواجهة الخلفية (Backend API): PHP (RESTful API), PDO Architecture, Apache URL Rewriting (.htaccess).

قاعدة البيانات (Database): MySQL Database.

معمارية الاستضافة (Hosting Architecture): هيكلية تفصل بين Static SPA React و PHP REST API لتعمل بأعلى كفاءة على اشتراكات الاستضافة المشتركة (Hostinger Premium Hosting).