كل الأعمال

مشروع 07 · 2026

Hackers Academy

منصة تعليمية · أمن سيبراني · LMS · تحسينات Frontend

منصة تدريب في الأمن السيبراني عملت عليها من ناحية تحسين تجربة الـ LMS، صفحات الكورسات، ربط البيانات مع الـ API، تحسين الجلسات بعد تسجيل الدخول، مراجعة تدفق الدفع، تحسينات تقنية للـ SEO/GEO/AEO، وتجهيز build مستقر للإطلاق.

منصة Hackers Academy التعليمية للأمن السيبراني مع كورسات مرتبطة بالـ API، عمل الواجهة الأمامية بواسطة مؤيد الدالاتي

التحدي

احتاجت المنصة إلى تجربة أكثر موثوقية وصقلًا عبر صفحات الكورسات وتدفقات الـ LMS وسلوك تسجيل الدخول وجاهزية الإطلاق. بعض الأجزاء كانت تعتمد على بيانات مرتبطة بالجلسة أو استجابات مخزّنة في الكاش أو افتراضات في الواجهة الأمامية تحتاج مراجعة وتنظيفًا قبل الإطلاق.

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

  • تحسينات UI/UX وFrontend
  • ربط بيانات الكورسات مع الـ API
  • تجربة تسجيل الدخول والجلسات
  • معالجة مشاكل الكاش
  • مراجعة تدفق الدفع
  • إعداد تقني للـ SEO/GEO/AEO
  • تجهيز build للإطلاق

أبرز ما عملت عليه

  • تحسين تجربة المستخدم داخل صفحات الكورسات والـ LMS
  • ربط بيانات الكورسات والأسعار والمدربين وMy Courses مع الـ API
  • تحسين بقاء المستخدم داخل الجلسة بعد تحديث الصفحة
  • معالجة مشاكل مرتبطة بالكاش والـ session-dependent endpoints
  • تحسين الأمان ومنع تخزين بيانات حساسة داخل localStorage أو sessionStorage
  • مراجعة تدفق الدفع والتأكد أن منطقه يعتمد على بيانات من الباك إند
  • إضافة ملفات مثل llms.txt لتحسين قابلية الفهم من أدوات البحث والذكاء الاصطناعي

الإعداد التقني

  • ربط الكورسات والأسعار والمدربين والكورسات المسجّلة مع الـ API
  • ثبات تسجيل الدخول والجلسة بعد تحديث الصفحة
  • إصلاح مشاكل الكاش والـ session-dependent endpoints
  • مراجعة أمنية: عدم تخزين بيانات حساسة في localStorage/sessionStorage
  • مراجعة تدفق الدفع بحيث تعتمد المجاميع على بيانات الباك إند
  • تحسينات تقنية للـ SEO/GEO/AEO وملف llms.txt لجاهزية بحث الذكاء الاصطناعي
  • إصلاحات UI نهائية وbuild مستقر للإنتاج

الأثر على المشروع

أصبحت تجربة المنصة أوضح وأكثر ثباتًا للمستخدمين، وتحسّن ربط البيانات داخل صفحات الكورسات والـ LMS، وصارت المنصة أفضل استعدادًا للإطلاق من ناحية تجربة المستخدم والجلسات والدفع والبنية التقنية وتحسينات البحث والذكاء الاصطناعي.

التقنيات والأدوات

LMSReactAPI IntegrationAuth / SessionsPayment FlowSecurityTechnical SEO

أعجبك هذا المشروع؟

أرسل لي اسم عملك أو موقعك الحالي، وسأقترح لك أفضل هيكل لموقعك, مجانًا.