نوع العمل:
تطوير شامل لمنصة مؤسسة الخير، حيث قمت بتحويل النظام من استخدام Laravel Blades إلى بنية حديثة تعتمد على React في الواجهة الأمامية، مع بناء نظام متكامل لإدارة المحتوى يمكن العميل من التحكم الكامل في صفحات الموقع دون الحاجة للرجوع إلى المطور.
الميزات الأساسية:
إعادة هيكلة كاملة: تم تحويل Frontend من Laravel Blades التقليدي إلى React لتحسين أداء الموقع وتجربة المستخدم.
نظام Page Builder متكامل: قمت بتطوير نظام يتيح لمسؤولي الموقع التحكم الكامل في تخطيط الصفحات. يمكنهم:
إعادة ترتيب عناصر الصفحة بسحب وإفلات.
التحكم في ظهور وإخفاء أي قسم أو محتوى.
تعديل المحتوى النصي والصور بسهولة دون الحاجة لكتابة أي كود.
نظام إدارة الإعلانات والصور: تم بناء لوحة تحكم مرنة تسمح للعميل بإضافة صور للإعلانات، مع التحكم في عدد الصور وشكل عرضها (Grid) وترتيب ظهورها.
تطوير Backend: تم تحسين وإضافة ميزات جديدة في Backend باستخدام Laravel لدعم النظام الجديد، مع بناء RESTful APIs لتغذية الواجهة الأمامية.
تخصيص كامل للمحتوى: صاحب الموقع حالياً قادر على تعديل أي صفحة في الموقع، إضافة أقسام جديدة، وتغيير شكل الموقع بشكل كامل بكل مرونة.
طريقة التنفيذ:
تم تنفيذ العمل على مرحلتين أساسيتين:
تطوير Backend (Laravel): بناء API متكامل يسمح بجلب وتعديل محتوى الصفحات ديناميكياً.
تطوير Frontend (React): بناء واجهة أمامية تتفاعل مع الـ API، مع إنشاء نظام متكامل لإدارة المكونات والعناصر يتيح للمستخدم التحكم في الصفحات بكل سهولة.
النتيجة:
أصبحت مؤسسة الخير تمتلك منصة مرنة بالكامل، حيث يمكن لفريق العمل تحديث الموقع ونشر المحتوى الجديد في ثوانٍ دون الحاجة لأي تدخل تقني.