(Eventra) نظام حجز الفعاليات بل بار كود

Eventra

هو نظام متكامل لحجز الفعاليات، يتيح للمستخدمين استكشاف الفعاليات، حجز مقاعدهم بسهولة، والحصول على رمز QR فوري للدخول. يهدف المشروع إلى تقديم تجربة استخدام سلسة لكل من الزوار والمنظمين، مع واجهة احترافية تدعم اللغتين العربية والإنجليزية.

المزايا الأساسية:

نظام تسجيل دخول وتسجيل مستخدمين

واجهة مستخدم تفاعلية وسريعة الاستجابة (Responsive)

دعم الوضع الليلي والنهاري (Dark/Light Mode)

دعم اللغتين: العربية والإنجليزية

صورة رئيسية (Hero Image) مع تأثير حركة ووضوح عالي

عرض الفعاليات بشكل جذاب مع تفاصيل الموقع والتاريخ

تمييز الفعاليات المحجوزة بعلامة خاصة

حجز فوري للفعاليات باستخدام QR Code

تحميل رمز الاستجابة السريعة (QR) بعد الحجز

لوحة تحكم أدمن لإدارة الفعاليات والحجوزات

تحديث تلقائي بعد تسجيل الدخول والخروج

نظام عرض حجوزاتي لكل مستخدم مسجل

التقنيات المستخدمة:

Frontend: React.js, Next.js, Chakra UI

Backend: Node.js, Express

قاعدة البيانات: MongoDB

إدارة الحالة: useState, useEffect

دعم الترجمة: i18next

توليد QR: QR Code Generator

الهدف من المشروع:

تقديم حل حديث وعملي لإدارة الفعاليات وحجوزاتها، سواء للحفلات أو المؤتمرات أو الورش أو المناسبات الخاصة، مع الحفاظ على سهولة الاستخدام وأمان البيانات وسرعة الوصول.

طريقة استخدام تطبيق Eventra (للأدمن، المستخدم العادي، والزائر)

أولًا: الزائر (Visitor)

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

عنوان الفعالية

تاريخ الحدث

موقعه الجغرافي

وصف قصير وصورة غلاف

عند الضغط على أي فعالية، تفتح نافذة منبثقة (Modal) تحتوي على تفاصيل كاملة، مثل الصور التوضيحية، وصف الحدث، المكان، والتاريخ.

لكن الزائر لا يستطيع الحجز، وعند محاولته الضغط على زر "احجز الآن"، سيتم توجيهه تلقائيًا إلى صفحة تسجيل الدخول.

ثانيًا: المستخدم العادي (User)

المستخدم العادي هو من قام بإنشاء حساب وسجل الدخول إلى النظام. بعد الدخول، يمكنه استخدام جميع وظائف التطبيق، وهي كالتالي:

استعراض الفعاليات: مثل الزائر تمامًا، يمكنه رؤية كل الأحداث وتفاصيلها.

حجز فعالية: عند الضغط على زر "احجز الآن"، يتم إنشاء حجز له وتوليد رمز QR فوريًا.

عرض رمز QR: بعد الحجز، يمكنه رؤية رمز QR الخاص به مباشرة وتحميله لحفظه.

تمييز الفعاليات المحجوزة: الفعاليات التي تم حجزها تظهر عليها علامة ، مما يسهل التعرف عليها.

زر "إظهار حجوزاتي": يتيح له عرض قائمة بجميع الفعاليات التي قام بحجزها.

الوضع الليلي واللغات: يمكنه التبديل بين الوضع الليلي والنهاري، واختيار اللغة المفضلة (العربية أو الإنجليزية).

تسجيل الخروج: يمكنه تسجيل الخروج، وسيتم توجيهه تلقائيًا إلى الصفحة الرئيسية مع تحديث الحالة.

ثالثًا: الأدمن (Admin)

الأدمن هو المستخدم الذي يمتلك صلاحيات خاصة لإدارة النظام من خلال لوحة التحكم. بعد تسجيل الدخول بصلاحيات الأدمن، يظهر له رابط "لوحة التحكم" يقوده إلى نظام الإدارة. الأدمن يمكنه تنفيذ المهام التالية:

إدارة الفعاليات:

إضافة فعالية جديدة مع صورة غلاف وصور وصفية.

تعديل أو حذف الفعاليات الحالية.

تحديد موقع، تاريخ، ووصف الحدث بسهولة.

إدارة الحجوزات:

عرض جميع الحجوزات التي قام بها المستخدمون.

حذف أي حجز غير مرغوب به.

الوصول إلى رمز QR الخاص بأي حجز.

إدارة المستخدمين:

عرض قائمة بجميع المستخدمين المسجلين.

التحقق من بياناتهم أو حذفهم إذا لزم الأمر.

التحليلات والإحصاءات (في الإصدارات القادمة):

مراقبة عدد الفعاليات والحجوزات.

معرفة أكثر الفعاليات حجزًا، وأوقات الذروة.

أمان النظام:

كل مستخدم لديه صلاحياته الخاصة، ولا يمكن لأي زائر أو مستخدم عادي الوصول إلى لوحة تحكم الأدمن أو تعديل الأحداث.

بهذا، يوفر Eventra تجربة استخدام بسيطة، سلسة، وآمنة، سواء كنت مجرد زائر، مستخدم يبحث عن حجز فعالية، أو أدمن يدير كل شيء باحتراف.