محاكي منصة العمل الحر Upwork
تطبيق ويب متكامل يحاكي بدقة متناهية تجربة المستخدم في منصة العمل الحر العالمية Upwork. تم بناء التطبيق بهدف استعراض القدرات التقنية في التعامل مع واجهات المستخدم المعقدة، وتقسيم الكود، وإدارة الحالة الموزعة باستخدام Redux Toolkit، مع توفير تجربة تصفح غنية بالبيانات الحية حتى داخل بيئات الاستضافة الثابتة دون الحاجة إلى بنية تحتية سحابية نشطة للخلفية البرمجية.
المشكلة
واجه المشروع عوائق تقنية عند إعداده للعرض المباشر في معرض الأعمال؛ حيث كان يعتمد على خادم مصادقة خارجي متوقف تسبب في أخطاء شبكة متكررة، كما كانت المسارات المحمية تمنع الزوار ومسؤولي التوظيف من المعاينة دون تسجيل، بالإضافة إلى اعتماد التطبيق سابقاً على سيرفر JSON محلي يتعذر تشغيله على منصات الاستضافة الثابتة مثل Vercel و Netlify.
الحل
تمت إعادة هندسة النظام بالكامل ليصبح مستقلاً بنسبة 100% (Zero-Backend Dependency) عبر تطوير طبقة محاكاة بيانات تفاعلية (mockService) مزامنة بالتخزين المحلي، وتطبيق نظام مصادقة محلي يدعم الدخول كزائر (Guest Access) والتسجيل الفوري مع الاحتفاظ بالتحقق الصارم من المدخلات عبر Yup، وضمان تجربة تصفح سلسة ومباشرة للوظائف والملفات الشخصية.
أبرز ما في التنفيذ
- نظام مصادقة ذاتي بالكامل مع دعم خيار التصفح كزائر (Continue as Guest) والتحقق من المدخلات بمكتبة Yup.
- طبقة محاكاة متطورة (mockService) تدعم البحث والفلترة وفرز أكثر من 30 وظيفة تفاعلية مع حفظ الوظائف عبر LocalStorage.
- واجهة منبثقة تفاعلية (Drawer/Modal) لعرض تفاصيل الوظيفة ومعلومات العميل والمهارات ورابط المشاركة بسلاسة.
- تصميم متجاوب بالكامل باستخدام Styled-Components مع قائمة تنقل مخصصة للهواتف الذكية والأجهزة اللوحية.
- معمارية خالية تماماً من الاعتماديات الخارجية تتيح النشر الفوري والمستقر على أي منصة استضافة ثابتة.
النتيجة
تحقيق جاهزية كاملة بنسبة 100% للعرض السحابي المباشر، مما أتاح لمسؤولي التوظيف استعراض واختبار التطبيق فوراً بدون أخطاء اتصال أو متطلبات تسجيل مسبقة، مع إبراز كفاءة المعمارية الهندسية في التعامل مع البيانات المحلية وإدارة الحالة.
لقطات من المشروع
انقر على أي لقطة لعرضها بالحجم الكامل والتنقل بينها
