نظام إدارة تذاكر تكنولوجيا المعلومات (IT Ticket Management System)
تطبيق ويب حديث وتفاعلي مبنيّ باستخدام React.js لإدارة تذاكر الدعم الفني. يتيح للمستخدمين إنشاء التذاكر ومشاهدتها وتحديثها وحذفها بسهولة، مع حفظ البيانات في التخزين المحلي (LocalStorage) لضمان استمرارها بعد إعادة تحميل الصفحة.
يعكس المشروع بنية واجهة أمامية قوية، وإدارة حالة نظيفة باستخدام React Hooks، وتصميمًا أنيقًا يعتمد على Material Design يناسب لوحات التحكم الاحترافية.
المميزات الرئيسية
إنشاء التذاكر: إضافة تذاكر دعم جديدة ببيانات افتراضية.
عرض التذاكر: مشاهدة جميع التذاكر في جدول تفاعلي قابل للفرز والتصفية.
تعديل التذاكر: فتح أي تذكرة في نافذة منبثقة لتحديث تفاصيلها.
حذف التذاكر: حذف تذكرة واحدة أو عدة تذاكر في وقت واحد.
تصفية حسب الحالة: عرض التذاكر حسب حالتها (مقدّمة، مغلقة، محلولة).
حفظ البيانات: تخزين دائم عبر LocalStorage حتى بعد إعادة التحميل.
واجهة متجاوبة: تصميم حديث باستخدام Material Components وBootstrap.
️ التقنيات المستخدمة
الواجهة الأمامية: React.js (المكوّنات الدالّية + Hooks)
التصميم: Bootstrap 5 وMaterial Web Components
إدارة الحالة: useState وuseEffect
التخزين: LocalStorage
أبرز المميزات
بنية مكوّنية قابلة للتوسع (App، TicketTable، TicketCard).
تحديث فوري دون إعادة تحميل الصفحة.
واجهة عصرية مبنية على مبادئ Material Design.
مناسبة كأداة دعم داخلي أو لوحة عرض تجريبية أو مشروع CRUD احترافي لعرض المهارات.