الموقع العام لـ ALX Pulse
يمكن تجهيز أي فكرة
- قوالب ويب.
- تطبيقات قابلة للتوسّع.
- حلول قابلة للتخصيص.
- صفحات هبوط.
- مواقع بورتفوليو.
الوصف
تطبيق ويب حديث ومتكامل الميزات مبني بـ React و TypeScript (غير رسمي)، يعمل كمنصة شاملة لمجتمع ALX. يتيح للمستخدمين اكتشاف الفعاليات وحضورها، والانضمام إلى المبادرات، واستكشاف فرص العمل، وإدارة الملفات المهنية، والتفاعل مع المجتمع عبر طلبات التحدث في الفعاليات واقتراح المواضيع.
معرض المشروع
الحاجة التجارية
- مجتمع الخريجين سريع النمو يتجاوز بسرعة قدرة مجموعات واتساب وجداول البيانات المتفرقة. يمنحه هذا مكانًا واحدًا لاكتشاف الفعاليات والمبادرات وفرص العمل.
- فرص العمل وطلبات التحدث المتناثرة عبر رسائل البريد الإلكتروني تُفقَد بسهولة؛ لوحة وظائف قابلة للبحث ومسارات تقديم منظَّمة تحوّل الاهتمام إلى إجراء فعلي.
- ملاحظات الفعاليات التي يجمعها النظام (تقييمات بمعايير متعددة وتعليقات مكتوبة) تمنح المنظمين إشارة حقيقية عمّا يستحق التكرار، لا مجرد أعداد الحضور.
- ملف شخصي واحد ودائم التحديث (المهارات، الخبرات، السير الذاتية) يقلّص المسافة بين الخريج وفرصته التالية.
الوسوم
React 19TypeScriptViteRedux ToolkitReact Router v7Tailwind CSSMaterial UIEmotionFramer MotionSplide.jsAxiosReact QueryReact SelectReact Toastify
نظرة عامة على المشروع
- نظام مصادقة متكامل للمستخدمين يشمل تسجيل الدخول، وتفعيل البريد الإلكتروني، وتهيئة حساب على عدة خطوات
- اكتشاف الفعاليات وإدارتها من خلال صفحات تفصيلية، ومعلومات المتحدثين، وخيارات الحجز
- نظام تقييم وملاحظات للفعاليات بمعايير متعددة، مع خيار الإرسال دون ذكر الاسم
- منصة للمبادرات لاستكشاف مبادرات المجتمع والانضمام إليها مع إدارة الجلسات
- عرض موحّد للأجندة مع خيارات تصفية للفعاليات والمبادرات
- إدارة شاملة للملف الشخصي مع إمكانية تعديل البيانات الشخصية والتعليمية والمهنية
- لوحة وظائف متقدمة مع خاصية البحث والتصفية والتقديم المباشر
- نظام للتقديم كمتحدث يتيح للمستخدمين اقتراح أنفسهم للتحدث في الفعاليات
- ميزة اقتراح المواضيع تتيح للمستخدمين اقتراح محتوى للفعاليات القادمة
- عناصر سلايدر تفاعلية لتصفح الفعاليات والمبادرات
- تصميم متجاوب مع تخطيطات مُحسَّنة للهواتف وأجهزة الحاسوب
- حركات وانتقالات سلسة باستخدام Framer Motion
- إدارة حالة باستخدام Redux للنماذج المعقّدة وبيانات المستخدم
- جاهز للتكامل مع الواجهة الخلفية عبر Axios و React Query
- واجهة احترافية باستخدام مكونات Material UI وتنسيق Tailwind CSS
صفحات الموقع
- الرئيسية: صفحة استقبال تعرض سلايدر للفعاليات، وأبرز المبادرات، واقتباسات من الخريجين، ومعلومات عن المجتمع
- الفعاليات: تصفح جميع الفعاليات القادمة والجارية والسابقة مع ميزات البحث والاكتشاف
- صفحة الفعالية: صفحة تفصيلية تضم معرض صور، والمتحدثين، والشراكات، والتسجيلات، والتقييمات
- تقييم الفعالية: نموذج ملاحظات بعد الفعالية مع مقاييس تقييم، وملاحظات مكتوبة، وتأكيد عبر البريد الإلكتروني
- المبادرات: استكشاف جميع مبادرات المجتمع مع سلايدر للجلسات المرتبطة بها
- صفحة المبادرة: عرض تفصيلي للمبادرة مع الفعاليات المرتبطة بها ومعلومات الجلسات
- الأجندة: عرض موحّد للجدول الزمني مع خيارات تصفية للفعاليات والمبادرات
- أجندة الفعاليات: عرض مُصفّى يظهر الفعاليات القادمة والحالية والسابقة
- أجندة المبادرات: عرض مُصفّى يظهر المبادرات القادمة والحالية مع جدول اليوم
- الملف الشخصي: إدارة شاملة للملف الشخصي بأقسام للبيانات الشخصية والخبرات والمهارات والسير الذاتية
- لوحة الوظائف: بحث وتصفية للوظائف مع فلاتر متقدمة وعملية تقديم مباشرة
- كن متحدثًا: نموذج متعدد الحقول للتقديم كمتحدث في الفعاليات
- اقترح موضوعًا: نموذج لاقتراح مواضيع وأفكار محتوى جديدة
- تسجيل الدخول: صفحة مصادقة آمنة عبر البريد الإلكتروني وكلمة المرور
- تفعيل الحساب: مسار للتحقق من البريد الإلكتروني وإنشاء كلمة المرور
- التهيئة الأولى: نموذج من 4 خطوات لإعداد ملف المستخدم الجديد وإكماله
- البداية: صفحة ترحيب تظهر بعد إنشاء الحساب بنجاح
- صفحة 404: صفحة خطأ مخصصة للروابط غير الصحيحة
أبرز الميزات
- مصادقة المستخدم: تسجيل دخول آمن، وتفعيل بريد إلكتروني، وتهيئة أولى متعددة الخطوات مع إعداد الملف الشخصي
- إدارة الفعاليات: تصفح الفعاليات وتصفيتها وحضورها مع معلومات تفصيلية وخيارات حجز
- نظام ملاحظات الفعاليات: تقييم الفعاليات بمعايير متعددة مع خيار عدم ذكر الاسم
- استكشاف المبادرات: اكتشاف مبادرات المجتمع والانضمام إليها مع إدارة الجلسات
- أجندة موحّدة: عرض جدول زمني مجمّع مع تصفية للفعاليات والمبادرات
- إدارة متقدمة للملف الشخصي: بيانات شخصية وتعليمية ووظيفية ومهنية قابلة للتعديل
- تتبع المهارات والاهتمامات: إدارة المهارات التقنية والاهتمامات المهنية
- إدارة الخبرات: إضافة وتعديل وتتبع خبرات العمل والمسيرة التعليمية
- إدارة السير الذاتية: رفع وإدارة عدة سير ذاتية بعناوين وروابط
- ربط الملفات الاجتماعية: ربط حسابات LinkedIn و GitHub و Behance
- لوحة الوظائف: البحث عن وظائف تناسب مهارات المستخدم وخبراته وتصفيتها والتقديم عليها
- نموذج التقديم على الوظيفة: نموذج تفاعلي بأسئلة مخصصة وبيانات معبأة مسبقًا من ملف المستخدم
- طلبات التحدث: التقديم للتحدث في الفعاليات مع تفاصيل الموضوع والخبرة
- اقتراحات المواضيع: اقتراح مواضيع جديدة للتخطيط للفعاليات القادمة
- تصميم متجاوب: تخطيط متجاوب بالكامل ومُحسَّن لأجهزة الهاتف والحاسوب
- حركات سلسة: انتقالات وحركات احترافية باستخدام Framer Motion
- سلايدر تفاعلي: تصفح الفعاليات والمبادرات عبر مكتبة Splide.js
- التحقق من صحة النماذج: تحقق شامل لكل نماذج الإدخال
- إشعارات فورية: ملاحظات للمستخدم عبر إشعارات React Toastify
- إدارة الحالة عبر Redux: حالة مركزية لكل بيانات النماذج ومعلومات المستخدم
- مسار التنقل (Breadcrumb): تسلسل واضح للصفحات عبر مسار تنقل
- منتقي التاريخ: أدوات اختيار التاريخ من MUI للجدولة واختيار التواريخ
- بحث وتصفية متقدمة: تصفية متعددة المعايير للوظائف والفعاليات
- التحقق من البريد الإلكتروني: تفعيل الحساب عبر التحقق من البريد الإلكتروني
- تتبع التقدم: مؤشر بصري لنسبة اكتمال الملف الشخصي
- تفاعل المجتمع: أقسام دعوة لاتخاذ إجراء وتنبيهات للفعاليات والفرص القادمة