أبنيواجهاتReactسريعةيسهلالوصولإليهاوغنيةبالحركة.

المشكلة

احتاج صالون وسبا في الرياض إلى موقع تسويقي ثنائي اللغة قادر فعليًا على تحويل الزوار إلى حجوزات، لا مجرد وصف الخدمات.

ماذا بنيت

موقع تسويقي وحجوزات مبني بـ Next.js، ثنائي اللغة (عربي/إنجليزي، RTL بالكامل)، مع تكامل حجوزات عبر WhatsApp وFresha، وبيانات SEO منظَّمة JSON-LD، وحركة Framer Motion في كل مكان.

النتيجة

نتائج Lighthouse (عبر الجوال، تم التحقق يوليو 2026): 92 لـ SEO · 96 لـ Best Practices · 89 لإمكانية الوصول · 88 للأداء — FCP 1.0 ثانية، CLS 0.004.

المشكلة

كانت سير عمل الموافقات واتخاذ القرار الداخلي موزّعة بين عمليات يدوية غير مترابطة داخل منصة حوكمة كبيرة.

ماذا بنيت

حوّلتُ سير عمل الموافقات إلى نظام رقمي، وساهمتُ في إعادة تصميم الواجهة الأمامية إلى بنية قائمة على الميزات، مع توحيد الوحدات المشتركة وحدود واجهات البرمجة عبر مجالات العمل.

النتيجة

قدتُ الانتقال إلى بنية قائمة على تجميع الميزات (features/ وshared/) عبر واجهة أمامية مؤسسية تضم أكثر من 15 مجالاً، ووضعتُ قواعد ملكية وأدوات استيراد قلّصت احتكاك الإلحاق الوظيفي وتعارضات الدمج بين الميزات.

المشكلة

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

ماذا بنيت

أنجزتُ طرفي المنظومة بالكامل: بوابة تقديم للمتقدمين وبوابة داخلية للموارد البشرية والمبيعات (نشر الوظائف، خط التوظيف، المقابلات، التقييمات، العروض، طلبات العملاء) تتشارك خلفية واحدة، مؤمَّنة عبر مصادقة OTP وJWT ضمن بنية RTK Query موزّعة حسب المجال.

النتيجة

استبدلتُ الأدوات المتفرقة بنظام واحد متكامل يمتد عبر أكثر من 80 صفحة وأكثر من 100 تكامل API. بقي المشروع قيد التطوير النشط بعد انتقالي عنه — لا تتوفر مؤشرات تبنّي ما بعد الإطلاق.

المشكلة

احتاج الإداريون والمعلّمون أدوات قائمة على الأدوار لإدارة المقررات والطلاب، مع تقارير لا تتطلّب جدول بيانات.

ماذا بنيت

لوحة تحكّم تعليمية قائمة على الأدوار (إداري/معلّم) لإدارة المقررات والطلاب، مع مكتبة مكوّنات مشتركة وتحليلات Chart.js وتصدير PDF/Excel.

النتيجة

استبدلتُ تتبع المقررات والطلاب اليدوي القائم على جداول البيانات بلوحة تحكّم واحدة: يدير الإداريون المقررات والوحدات والطلاب في مكان واحد، ويُنشئون تقارير PDF/Excel بدلاً من إعدادها يدويًا.

المشكلة

كان موظفو الإدارة ومشغّلو البوابات الميدانيون يعملون بأدوات مجزّأة لا تتشارك البيانات في الوقت الفعلي.

ماذا بنيت

نظام ثنائي اللغة (عربي/إنجليزي، RTL بالكامل) يخدم موظفي الإدارة ومشغّلي البوابات من قاعدة كود واحدة، مع تتبع الجلسات في الوقت الفعلي وتسجيل دخول عبر رمز QR ضمن نحو 20 شريحة Redux.

النتيجة

قلّصتُ متوسط زمن تسجيل الدخول عند البوابة بنسبة تقديرية ~40% عبر استبدال البحث اليدوي عن المركبات بتسجيل دخول بمسح رمز QR واحد، وألغيتُ التسوية اليدوية اليومية بين سجلات الإدارة والبوابة بنقل الطرفين إلى نظام واحد متزامن في الوقت الفعلي. (تقدير مبني على مقارنة العمليات، وليس بيانات مقاسة آليًا.)