لوحة تحكم فعاليات Gudea
لوحة الإدارة لمنصة فعاليات وتذاكر: مراجعة الفعاليات، مبيعات التذاكر، المنظمين والصلاحيات، بالعربي والإنكليزي.
غبشت الصور عن قصد: الشغل تحت اتفاقية سرية
الشريحة 1 من 12
مطور واجهات أمامية · لوحة الإدارة
Gudea منصة فعاليات وتذاكر بالعراق، وهاي اللوحة اللي يدير منها الفريق المنصة: يراجع الفعاليات اللي يرفعها المنظمين وينشرها، يتابع مبيعات التذاكر، يدير حسابات المنظمين، ويحدد منو يگدر يسوي شنو. كتبت أغلب الواجهة الأمامية مالتها على تصاميم فريق التصميم والـ API مال فريق الباك إند، العربي أولا ويا الإنكليزي والوضع الداكن.
- مراجعة كل فعالية جديدة بنافذة وحدة، وبعدها قبول أو رفض أو ترجيع للمنظم ويا ملاحظة
- قائمة مراجعة ويا فلترة حسب الحالة وبحث وتمييز الفعاليات
- مبيعات المنصة حسب الشهر والأسبوع ونوع التذكرة، وصفحة مبيعات لكل فعالية
- ملفات المنظمين: قبول طلبات التسجيل، وحظر الحسابات وإرجاعها
- أدوار ويا مفاتيح صلاحيات مقسمة حسب القسم، وسجل بكل شي سواه كل مشرف
- Vue 3
- TypeScript
- Vite
- Tailwind CSS
- shadcn-vue
- Pinia
- vue-i18n
- CASL
- TanStack Table
- Unovis
- Leaflet
- vee-validate
شلون بنيته
- العربي أولا ويا RTL بـ vue-i18n، وتواريخ وأرقام بالصيغة العراقية، والمبالغ بالدينار
- قواعد CASL من صلاحيات المستخدم تحمي الصفحات والقائمة الجانبية وكل زر
- عميل Axios واحد يوكف الطلبات بطابور لحد ما يخلص تجديد التوكن
- جدول TanStack Table مشترك ويا صفحات من السيرفر وهيكل تحميل وأعمدة يتغير عرضها
- حركة تحترم إعداد تقليل الحركة، ووضع داكن ينفتح بـ View Transitions API
- ملف أيقونات يتولد بسكربت بي بس الأيقونات المستخدمة، بدل أربع مجموعات كاملة