نظام مصغر لإدارة الفعاليات وعرض التذاكر | Simple Event CMS (Full-Stack)
تفاصيل العمل
نظام مصغر لإدارة الفعاليات وعرض التذاكر | Simple Event CMS (Full-Stack) مشروع Full-Stack متكامل (MVP) قمت بتطويره كنموذج تطبيقي احترافي، يهدف إلى التركيز على الممارسات البرمجية النظيفة (Clean Code)، وهيكلة المشاريع المتماسكة، واستعراض مهارات ربط الواجهات الأمامية بالخلفية بناءً على معايير هندسة البرمجيات الحديثة. المشروع عبارة عن نظام مصغر لإدارة الفعاليات (Event CMS) يركز بشكل كامل على جودة الكود، الأداء السريع، والفصل التام بين الطبقات البرمجية، مما يجعله نموذجاً مثالياً كبداية لأي تطبيق تجاري قابل للتوسع لاحقاً دون الحاجة لإعادة الهيكلة. التقنيات والمفاهيم المستخدمة:الواجهة الخلفية (Backend): Node.js / Express API Server. الواجهة الأمامية (Frontend): React.js (مع استخدام Fetch / Axios لربط البيانات). تصميم قائم على فصل المهام بالكامل (Route / Controller / Service / Model Separation). قواعد البيانات والـ APIs: تصميم واجهات برمجية ممتثلة لمعايير REST API مع إدارة الصلاحيات (RBAC). إدارة الصلاحيات والأدوار (Role-Based Access Control):حساب المسؤول (Admin): لوحة تحكم كاملة تمنحه صلاحيات (إنشاء، تعديل، وحذف الفعاليات والتذاكر). حساب المستخدم/الزائر (User): واجهة عامة تتيح تصفح الفعاليات والاطلاع على تفاصيل التذاكر المتاحة بشكل سريع وجذاب. إدارة الفعاليات والتذاكر:إمكانية إضافة الفعاليات بكامل تفاصيلها (العنوان، الوصف، التاريخ، المكان، وصورة اختيارية). ربط كل فعالية بأنواع تذاكر مختلفة (مثل: Standard، VIP) وتحديد الاسم، السعر، والكمية المتاحة (للعرض فقط للحفاظ على خفة وسرعة النظام). تجربة مستخدم (UX) مستقرة:التعامل الذكي والسلس مع حالات التحميل (Loading States) ومعالجة الأخطاء (Error Handling) لضمان استقرار التطبيق بالكامل. بنية وتنظيم المشروع (Project Structure): تم تنظيم ملفات المشروع باحترافية عالية ليكون جاهزاً للعمل التعاوني أو التسليم النظيف لفرق التطوير: backend يحتوي على سيرفر الـ Express مع تقسيم الكود لطبقات. frontend واجهات الـ React مقسمة إلى مكونات قابلة لإعادة الاستخدام (Reusable Components). docs مجلد خاص يحتوي على وثائق قواعد التطوير، اتفاقيات الـ API، وقوائم التحقق (Checklists) لضمان جودة الكود. ملاحظة لأصحاب الأعمال: تم تصميم هذا المشروع خصيصاً كنسخة أولية مستقرة (MVP) بهدف استعراض القدرة على بناء معمارية برمجية متينة وخالية من العشوائية، وهي ذات معايير الجودة والنظام التي ألتزم بها في كافة المشاريع والأنظمة التي أنفذها لعملائي. المهارات: Node.js, React.js, ExpressJS, RESTful API, JavaScript, Clean Code, Frontend Development, Backend Development
مهارات العمل