نظام HDI Enterprise المتكامل لإدارة الفعاليات والمؤتمرات (Event Booking & Attendance SaaS)

قمت بتصميم وتطوير منصة HDI Events، وهي حل رقمي متكامل (End-to-End Solution) يهدف إلى أتمتة عملية تنظيم المؤتمرات والفعاليات، بدءاً من عرض الأجندة وحجز التذاكر، وصولاً إلى إدارة الحضور الفعلي باستخدام تقنيات المسح الضوئي (QR Code) والتحليلات البيانية.

المشروع مبني بأحدث تقنيات الويب (Next.js 15 & Server Actions) لضمان سرعة فائقة وأداء مستقر، مع تركيز كبير على تجربة المستخدم (UX) وأمان البيانات.

? المميزات الرئيسية للنظام:

1. واجهة المستخدم العامة (Public Facing):

تصميم عصري (Modern UI): واجهة جذابة ومتجاوبة بالكامل (Responsive) تعمل بكفاءة على جميع الأجهزة، مع تأثيرات بصرية (Animations) هادئة تعكس هوية العلامة التجارية.

نظام الحجز الفوري: نموذج حجز سلس ومفصول (Client Component) مع معالجة فورية للبيانات.

التذاكر الرقمية: توليد تلقائي لتذاكر الحضور وإرسالها فوراً عبر البريد الإلكتروني (Email Notifications) تحتوي على تفاصيل الفعالية و QR Code فريد.

2. لوحة التحكم الإدارية (Admin Dashboard):

مركز قيادة متكامل: لوحة تحكم محمية (Secured Route) تعرض إحصائيات لحظية (Real-time Analytics) عن عدد المسجلين، نسبة الحضور، والنشاطات الحديثة باستخدام رسوم بيانية تفاعلية (Recharts).

إدارة الفعاليات (CMS): إمكانية إضافة، تعديل، وحذف الفعاليات والصور والبيانات بسهولة تامة.

قاعدة بيانات الحضور: جدول متطور لعرض بيانات المسجلين مع إمكانية الفلترة وتصدير البيانات إلى ملفات Excel بضغطة زر.

3. نظام الماسح الضوئي الذكي (Smart QR Scanner):

تسجيل الحضور والانصراف: ميزة فريدة تسمح للمنظمين بمسح تذاكر الحضور باستخدام الكاميرا أو الإدخال اليدوي أو اجهزه قراءه الباركود.

منطق ذكي (Business Logic): النظام يفرق بين "الدخول" و "الخروج"، ويقوم بحساب عدد ساعات الحضور تلقائياً، ويمنع استخدام التذكرة المكررة أو المزيفة.

4. الأمان والأداء (Security & Performance):

نظام حماية (Middleware): تأمين لوحة التحكم وعزلها عن الزوار باستخدام نظام Authentication يعتمد على الكوكيز المشفرة (HttpOnly Cookies).

Server Actions: الاعتماد الكامل على Server Actions لتقليل الكود المرسل للمتصفح وتسريع عمليات قاعدة البيانات.

?️ التقنيات المستخدمة (Tech Stack):

Framework: Next.js 15 (App Router).

Language: TypeScript.

Styling: Tailwind CSS (Custom Design System).

Database: SQLite / PostgreSQL (via Prisma ORM).

Backend Logic: Server Actions & API Routes.

Features:

Nodemailer (Email Service).

XLSX (Data Export).

Recharts (Data Visualization).

React Hot Toast (Notifications).

? ما الذي يجعل هذا المشروع مميزاً؟

تم بناء هذا المشروع ليكون جاهزاً للإنتاج (Production Ready)، حيث تم مراعاة أدق التفاصيل مثل تحسين الصور (Next/Image)، وتحسين محركات البحث (SEO Friendly Structure)، ومعالجة الأخطاء (Error Handling) بشكل احترافي، مما يجعله نموذجاً مثالياً للأنظمة الإدارية الحديثة.

يمكنك معاينه تجربه حجز و معاينه لوحه الادمن من خانه المعاينه