KH
العودة إلى الأعمال
مدار تجريدي يجمع وحدات الصوت والمحتوى والتحليلات والعمليات

عمليات متعددة اللغات · منصة محتوى

إدارة Quran Orb

منصة الإدارة الداخلية لخدمة صوت ومحتوى قرآني تشمل النشر والمستخدمين والتفاعل والدعم والإعدادات.

زيارة المنتج

الدور

مهندس الواجهة الأمامية الوحيد، وقد طورت تطبيق الإدارة منذ إعداده الأول.

النطاق

التحليلات والمقاطع القصيرة والمستخدمون والقراء والمديرون والدعم التشغيلي · رفع الصوت وبياناته ومعاينته ومدته وقوائم التشغيل وربط المحتوى · تنقل وإجراءات وحقول وكتل محتوى واعية بالصلاحيات · نماذج عربية/إنجليزية وتحقق وجداول وفلاتر ورفع ملفات وhooks للـ API والاستعلامات

الفريق

مهندس واجهة أمامية، ومهندس واجهة خلفية، ومهندس جودة، ومدير مشروع.

التحدي

تحويل التعقيد إلى حالة مفهومة.

التحدي

امتلكت الوحدات أشكال بيانات وتدفقات API متعددة الخطوات، لكن لوحة التشغيل احتاجت إلى نموذج تفاعل واحد ومتسق متعدد اللغات.

النهج

أنشأت hooks مشتركة لـ REST وReact Query، وأنماط نماذج وتحقق، وجداول وفلاتر، وبوابات صلاحيات، وحقولاً مترجمة، ورفع ملفات، وإبطالاً صريحاً للاستعلامات بعد العمليات المرتبطة.

النتيجة

أصبح بإمكان فرق التشغيل غير التقنية إدارة المحتوى والصوت والقوائم والمستخدمين والنشر والتحليلات والدعم من لوحة عربية/إنجليزية واحدة.

أبرز المساهمات

  1. 01بنيت معمارية متعددة الوحدات واللغات وRTL منذ الإعداد الأول للتطبيق.
  2. 02نفذت رفع الصوت ومعاينته وحساب مدته وبياناته وغلافه وحالته.
  3. 03بنيت تذاكر الدعم والردود وطلبات التواصل والاقتراحات ومحتوى الإعدادات.
  4. 04حوّلت صلاحيات الأدوار الخلفية إلى بوابات UI قابلة لإعادة الاستخدام مع إبقاء التفويض مسؤولية الخادم.

التقنيات

ReactTypeScriptViteMUIReact QueryAxiosReact Hook FormYupi18nextApexCharts

لقطة من سجل المستودع

نُسب 81 من 84 التزاماً في سجل المستودع المفحوص إلى هويتي المعروفة في Git.

رابط موقع المستخدم العام للسياق فقط؛ لم أبنِ صفحته التعريفية.

تابع الاستكشاف