UGM Family

تم الإطلاق: منصة UGM Family

فخور بمشاركتي في مشروع عملت عليه مؤخرًا — UGM Family، وهي منصة ويب متكاملة تهدف إلى تسهيل تنظيم الفعاليات الأسبوعية، وحجز الرحلات، ومشاركة الذكريات، وتعزيز التفاعل المجتمعي لمجموعة شبابية متنامية تضم أكثر من 200 عضو.

️ دوري في المشروع:

مطور واجهات أمامية (Front-End Developer) + مصمم تجربة المستخدم وواجهة المستخدم (UI/UX Designer)

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

React.js، Tailwind CSS، Context API

تصميم الواجهات باستخدام Figma

مكتبات: axios، formik، framer-motion، browser-image-compression، i18next، yup، react-tooltip، react-leaflet، react-detect-offline

أهم المميزات التي قمت بتنفيذها:

دعم الوضع الداكن Dark Mode واللغتين العربية والإنجليزية

التحقق الكامل من صحة المدخلات باستخدام Formik + Yup

واجهات ديناميكية لعرض:

الفعاليات والذكريات

نظام حجز قائم على المحفظة (الدفع من خلال المحفظة داخل التطبيق أو رفع إثبات الدفع)

لوحات تحكم حسب الدور (ضيف / مستخدم / مشرف / مدير عام)

لوحة تحكم المشرف (Admin):

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

الموافقة على الحجوزات (لكل مشرف الحجوزات الخاصة به فقط)

تعديل أرصدة المحافظ كمكافآت على المشاركة في الفعاليات

️ لوحة المدير العام (SuperAdmin):

عرض الشكاوى والرد عليها

إدارة صلاحيات المشرفين والمستخدمين

هدف المنصة:

تنظيم الرحلات بشكل فعّال

حفظ الذكريات والأنشطة

زيادة التفاعل من خلال نظام المكافآت

توحيد التواصل وإدارة البيانات في مكان واحد