دراسة حالة

بوابة S&F الرقمية، بوابة واحدة لقطاعات أعمال متعددة

بوابة مؤسسية فاخرة بتوحّد طلبات الاستثمار وطلبات المتاجر وطلبات التوظيف لقطاعات أعمال متعددة في منصة واحدة، مبنية لشركة S&F في السعودية.

دوري في المشروع
مطور Full-Stack في S&F
نطاق العمل
بوابة مؤسسية، نماذج متعددة الأجزاء، مكتبة UI، تكامل Django REST
الجمهور المستهدف
مستثمرون وشركاء ومتقدمون عبر قطاعات S&F
بوابة S&F الرقمية، بوابة واحدة لقطاعات أعمال متعددة

التحدي

مجموعة عندها كذا قطاع أعمال بتستقبل نفس أنواع الطلبات — استثمار وفتح متاجر وتوظيف — من قنوات متفرقة، والحاجات بتضيع. البوابة كان لازم تلم ده كله في مكان واحد، بنماذج طويلة متعددة الأجزاء الناس فعلاً بتكملها، وبمظهر يليق بعلامة فاخرة.

  • قطاعات متعددة ونقطة دخول واحدة
  • نماذج طويلة متعددة الأجزاء بتحقق لحظي
  • الطلبات لازم توصل لدورة العمل الصح
  • إحساس علامة فاخرة في كل مكان

المنهجية

بنيت مكتبة UI معيارية على React و TypeScript و Radix UI، متحركة بـ Framer Motion، فصفحات كل قطاع بتتركب من نفس المكونات التفاعلية. النماذج بتتعامل مع تقديمات متعددة الأجزاء بتحقق لحظي، وكل حاجة بتوصل لـ Django REST API بيدير دورات العمل ورا الكواليس.

  • مكتبة مكونات UI معيارية مع Framer Motion
  • معالجة قوية للنماذج متعددة الأجزاء بتحقق لحظي
  • Django REST API لدورات العمل
  • شاشات تقارير بـ Recharts

اللي تم بناؤه

بوابة فاخرة واحدة بدل قنوات الطلبات المتفرقة.

  • توحيد طلبات الاستثمار والمتاجر والتوظيف
  • مكتبة مكونات تفاعلية معاد استخدامها عبر القطاعات
  • تقديمات متعددة الأجزاء بتحقق كامل
  • تكامل مع دورات العمل الحرجة

النتيجة

البوابة وحّدت استقبال الطلبات متعددة القطاعات في خط واحد متتبع — جزء من شغلي المستمر كـ Full-Stack مع S&F في السعودية.

  • منصة واحدة لكل أنواع الطلبات
  • طلبات متتبعة بدل ما تضيع بين القنوات
  • مبنية ضمن فريق سعودي يعمل عن بُعد

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

ReactTypeScriptViteRadix UITailwindDjango

عندك مشروع شبه ده؟

قوللي إنت بتبني إيه وهرجع لك بنطاق مقترح وجدول زمني وسعر.