نظام إدارة حجز و إلغاء و تعديل التذاكر (Ticketing System)

مشروع نظام إدارة التذاكر (Ticketing System) هو تطبيق ويب متكامل لتتبع المهام والمشكلات داخل بيئة عمل تقنية.

قمتُ ببنائه باستخدام Next.js و Tailwind CSS، مع ربط قاعدة البيانات عبر MongoDB و Mongoose.

يتيح النظام للمستخدمين إنشاء “تذكرة” جديدة تحتوي على عنوان ووصف وفئة (مثل مشكلة برمجية أو مشكلة عتاد أو مشروع جديد)، مع تحديد الأولوية ونسبة التقدم والحالة الحالية (لم تبدأ – قيد التنفيذ – منتهية).

عند حفظ التذكرة يتم إرسالها إلى الـ **API** الخاصة بالتطبيق حيث تُخزَّن في قاعدة البيانات.

كما يمكن تعديل أي تذكرة أو حذفها من خلال واجهات مخصصة تعتمد على RESTful API Routes داخل Next.js.

الواجهة الأمامية صممتها بأسلوب بسيط وواضح باستخدام Tailwind، مع توزيع مرن للعناصر داخل الفورم وتدرجات لونية داكنة مناسبة لبيئة العمل.

يوجد شريط تنقل (Navbar) علوي يتيح الانتقال بين الصفحة الرئيسية وإنشاء تذكرة جديدة.

تم ضبط مظهر الصفحة بحيث تغطي كامل الشاشة بدون ظهور أي تمرير (scroll) لتوفير تجربة استخدام ثابتة ونظيفة.

من الناحية البرمجية، تم التركيز على:

* كتابة الكود بطريقة منظمة باستخدام React Hooks مثلuseState و useEffect

* تطبيق فصل واضح بين الواجهة (Front End) والخلفية (API).

* استخدام NextResponse وNextRequest لإدارة الطلبات والاستجابات.

* إضافة نظام تعديل حي (Editing Mode) بحيث يمكن تحميل بيانات التذكرة الحالية في الفورم وتعديلها بسهولة.

النتيجة هي تطبيق متكامل يتيح إنشاء وإدارة التذاكر التقنية بكفاءة، مع واجهة استخدام عصرية وسلسة.