تسليم يراعي بيئة الإنتاج
أقوم ببناء وصيانة ميزات الواجهات الأمامية من خلال دورات إطلاق حقيقية: المسارات (Routes)، النماذج (Forms)، الحالات (States)، عقود واجهات البرمجة (API Contracts)، إصلاحات الجودة (QA)، وتسليم المهام للنشر الفعلي (Handoff).
أنا متخصص في بناء وتطوير واجهات مستخدم تفاعلية باستخدام React و Next.js للوحات التحكم المعقدة، النماذج متعددة الخطوات، تجارب المستخدم متعددة اللغات (RTL/LTR)، التكامل مع أنظمة الـ CRM، ومسارات المستخدم الجاهزة للإنتاج الفعلي.
900+
مستخدم نشط
400+
مسار تدفق بيانات
267+
عملية معالجة
4
منصة برمجية نشطة
أركز على تقديم واجهات أمامية جاهزة لبيئة الإنتاج وموثوقة لفرق التوظيف: مسارات مستخدم مستقرة، جودة عالية للمنتجات متعددة اللغات، تعاون دقيق في ربط واجهات البرمجة (APIs)، وتسليم برمجيات قابلة للصيانة والتطوير.
أقوم ببناء وصيانة ميزات الواجهات الأمامية من خلال دورات إطلاق حقيقية: المسارات (Routes)، النماذج (Forms)، الحالات (States)، عقود واجهات البرمجة (API Contracts)، إصلاحات الجودة (QA)، وتسليم المهام للنشر الفعلي (Handoff).
أعمل على تحسين المخططات (Layouts)، حالات التحميل (Loading States)، سلوك العناصر المثبتة (Sticky UI)، واجهات الهواتف المحمولة، معالجة الصور، وموثوقية إرسال البيانات عبر مختلف أحجام الأجهزة.
أبني واجهات مستخدم متعددة اللغات تحترم تخطيط اللغتين العربية والإنجليزية وبنيتهما الهيكلية، بدلاً من التعامل مع الترجمة كأمر ثانٍ مضاف لاحقاً.
أعمل على تطوير المسارات المحمية (Protected Routes)، معالجة البيانات المعتمدة على JWT، التحقق من صحة المدخلات، حالات التحميل، معالجة الأخطاء، والتكامل مع أنظمة الـ CRM وسيلز فورس (Salesforce).
الخلفية الأكاديمية
بكالوريوس في هندسة البرمجيات (B.Sc. Software Engineering)
جامعة أسكودار، تركيا
خريج عام 2024
استعراض سريع للمعلومات الأساسية قبل التحميل
4
المنصات المُطوّرة
900+
المستخدمون المسجلون
2024
سنة التخرج
مؤهلات واضحة لفرص العمل والتوظيف
جزء عملي وأساسي من عملية التسليم
مهندس واجهات أمامية
بصفتي مهندس واجهات أمامية (Frontend Engineer)، أركز على بناء وتطوير منصات ويب في بيئة الإنتاج باستخدام React و Next.js لحل مشكلات الأعمال الحقيقية وتقديم تجارب رقمية قابلة للتوسع.
من خلال عملي على منصات برمجية مختلفة (بما في ذلك منصات United Education)، قمتُ ببناء وصيانة ميزات الواجهات الأمامية للبوابات الرقمية، لوحات التحكم المعقدة، المواقع متعددة اللغات، ومسارات المستخدم المرتبطة بأنظمة إدارة العملاء (CRM).
يركز عملي على النماذج المعقدة، ربط وتكامل واجهات البرمجة (APIs)، تصميم واجهات RTL/LTR، التخطيطات المتجاوبة، صفحات محسّنة لمحركات البحث (SEO)، استقرار تجربة المستخدم في بيئة الإنتاج، وسير العمل القائم على GitHub.
محمد صلاح
مهندس واجهات أمامية · React / Next.js

مهندس واجهات أمامية
فريق التطوير الأساسي · 4 منصات برمجية مُطلَقة
900+
مستخدم مسجل
400+
مسارات بيانات
4
منصات برمجية نشطة
توليت مسؤولية بناء وتطوير ميزات الواجهات الأمامية للمنصات الرقمية لشركة United Education في بيئة التشغيل الفعلي؛ بما يتضمن بوابات المستخدمين المعقدة، المواقع التسويقية متعددة اللغات، مسارات التسجيل الفعالة للمعارض، وصفحات استقطاب العملاء والخدمات.
التقنيات المستخدمة
مجموعة مختارة من مساهماتي في تطوير ميزات الواجهات الأمامية لمنصات الويب الجاهزة للإنتاج، وتشمل: بوابات تفاعلية للمستخدمين، مسارات تسجيل للفعاليات، نماذج، لوحات تحكم، وتجارب مستخدم ممتدة ومتعددة اللغات.
900+
مستخدم مسجل
400+
مسار بيانات مكتمل
267
عملية برمجية معالجة
بناء مسارات تفاعلية للتسجيل، إدارة المستندات، وإصدار التقارير الديناميكية
هندسة وتطوير مسارات متكاملة لبوابة ويب شاملة تشتمل على التسجيل، معالجة البيانات المخصصة، رفع المستندات وإدارتها، لوحة تحكم مخصصة للحالات، إصدار فوري لنتائج التقييمات، تأمين مسارات المستخدم المحمية والتوثيق، وربط واجهات برمجة التطبيقات (APIs) بالواجهة الأمامية.
شرح التفاصيل التقنية متاح عند الطلب

25+
صفحات أُعيدت هيكلتها وتصميمها
EU+
الوصول والتغطية الدولية والأوروبية
2
لغات مدعومة
إعادة بناء وتطوير شاملة للانتقال من السوق الإقليمي للمنصات الدولية للقبول الجامعي
إعادة بناء كاملة وشاملة من الصفر للمنصة الرقمية الرئيسية لـ United Education لاستبدال النظام الإقليمي القديم بإنشاء منصة قبول جامعي عالمية معاصرة؛ تم إطلاقها بعد عمل بحثي مكثف لتجربة المستخدم (UX Research)، وتأسيس بنية معلومات هيكلية (IA)، ونقل تصاميم Figma بدقة متناهية لبناء تطبيق Next.js متكامل يشتمل على نظام تصميم حديث (Design System)، نظام لإدارة المحتوى اللامركزي (Headless CMS)، بنية لغوية ممتدة ومتعددة اللغات تدعم RTL/LTR عبر مكتبة next-intl، حركات وتأثيرات غنية ومرنة باستخدام Framer Motion، وتصميم واجهات متجاوبة مهيأة بالكامل لتحقيق أعلى كفاءة لمقاييس الأداء وتهيئة محركات البحث (SEO).
شرح التفاصيل التقنية متاح عند الطلب

منصة تسويق وخدمات رقمية متعددة اللغات
بناء وتطوير منصة ويب متعددة اللغات تدعم مسارات خدمات مستخدمين دولية، صفحات محتوى مخصصة، مخططات واجهات مهيأة تماماً للـ SEO، وتجارب مستخدم متجاوبة وبديهية.

مسارات تفاعلية ثنائية اللغة لتسجيل حضور الفعاليات والمعارض
بناء مسارات تفاعلية متجاوبة ثنائية اللغة لتسجيل المشاركين في المؤتمرات والفعاليات الدولية، تشمل نماذج تسجيل محلية مخصصة، التحقق الفوري من أرقام الهواتف، ربط البيانات المهيأة كـ Leads مع أنظمة الـ CRM وسيلز فورس (Salesforce)، وتحسين البيانات الميتا للـ SEO، وتهيئة الصفحات للموبايل.

بوابة مخصصة لاستكشاف الخدمات الأساسية وطلب الدعم الفني
بناء منصة خدمات مساندة متعددة اللغات تغطي خدمات الإقامة والتأمين الطبي ومسارات طلب الدعم، تشتمل على استكشاف الخدمات المحلية بطرق سهلة وسير عمل مبسط لاستقطاب طلبات المستخدمين.
نظرة متعمقة على منصة ويب في بيئة التشغيل الفعلي (Production) تشمل عمليات التسجيل، مسارات تقديم الطلبات، التقييمات المتقدمة، رفع المستندات، حالات لوحات التحكم، ومعالجة تقارير الـ PDF تلقائياً.
تطبيق ويب في بيئة الإنتاج
تم بناؤها لمستخدمين يقومون بمعالجة تدفقات بيانات معقدة، مع الالتزام بمتطلبات الإنتاج السرية وحماية بيانات المستخدمين الحساسة.
+900
مستخدم مسجل
+400
مسار بيانات مكتمل
267
عملية معالجة
3
لغات
استعراض يراعي اتفاقيات السرية (NDA)
تظل التفاصيل التقنية والبيانات الداخلية الحساسة سرية بالكامل؛ تركز دراسة الحالة هذه على الهندسة البرمجية، قرارات تجربة المستخدم (UX)، والنتائج القابلة للقياس.
كان المستخدمون بحاجة إلى مكان مركزي واحد لتعبئة النماذج المعقدة، تقديم الطلبات، التحقق من الهوية، رفع الوثائق والمستندات، ومتابعة حالة التقدم الفعلي لطلباتهم.
قمت ببناء وصيانة مسارات الواجهات الأمامية، وإدارة حالات النماذج، التحقق من صحة المدخلات، تأمين المسارات المحمية، دمج واجهات البرمجة (APIs)، وإصلاحات الجودة (QA) حتى مرحلة الإطلاق الفعلي.
قمت بتطوير واجهات منظمة باستخدام React و Next.js تضمنت نماذج تفاعلية متعددة الخطوات، معالجة وتناقل البيانات بشكل آمن عبر JWT، حالات لوحة التحكم، نظام إصدار تقارير الـ PDF، ودعم كامل للغات الممتدة RTL/LTR.
ساهمت في تقليل العقبات والتعقيدات التشغيلية لتدفقات العمل المعقدة، ومنحت المستخدمين تجربة خدمة ذاتية أكثر وضوحاً وسلاسة عبر ثلاث لغات مختلفة.
نظرة سريعة على واجهات البوابة وتشمل: تسجيل الدخول، الملف الشخصي، رفع المستندات، تدفق عمل التقييمات، النتائج والتقارير، والدعم الفني.
الأدوات البرمجية ومنهجيات سير العمل الفعلية التي أعتمد عليها لتطوير منصات ويب جاهزة للإنتاج باستخدام React و Next.js، وبناء تدفقات عمل معقدة، واجهات مستخدم متعددة اللغات، وربط واجهات برمجة التطبيقات (APIs) بالمنتج.
0+
مستخدم مسجل
0+
مسار بيانات
0+
عمليات مُنجزة
0
منصات حية
البنية والركيزة الأساسية لتطوير الواجهات التي أعتمد عليها في جميع مشاريعي في بيئة التشغيل الفعلي.
تطوير برمجيات وميزات باستخدام React و Next.js ممتدة عبر البوابات الرقمية، المواقع التسويقية، مسارات التسجيل الفعالة للمعارض، والمنصات الخدمية.
تنسيق واجهات الاستخدام، المؤثرات الحركية والتفاعلية، وتجاوب واجهات التطوير لتقديم منتجات برمجية متقنة ومصقولة.
تطبيق حلول وتحديثات لتجاوب الواجهات عبر مختلف الشاشات من أجهزة سطح المكتب، الأجهزة اللوحية، والهواتف الذكية.
رحلات وتدفقات المستخدم، إدارة حالات النماذج والمدخلات، دمج بيئات التعدد اللغوي، واستكشاف أخطاء الواجهات وحلها في بيئة الإنتاج.
تطوير النماذج متعددة الخطوات، لوحات التحكم المعقدة، مسارات تدفق المستخدم المخصصة، قنوات رفع المستندات، والصفحات المتوافقة مع الـ SEO.
ربط وتكامل تدفقات الواجهات الأمامية بالخدمات البرمجية الخلفية وتأمين مسارات المستخدم المحمية.
تنفيذ عمليات ربط وتكامل برمجية مع REST APIs عبر مكتبة Axios، وتناقل البيانات البرمجية المعتمدة على JWT بأمان، وملفات تعريف الارتباط (Cookies)، والمسارات المحمية، وتنسيق حزم البيانات لربطها مع أنظمة الـ CRM.
الأدوات والمكتبات المساعدة لاختبار واجهات البرمجة (APIs)، وتسهيل عمليات البيئة المحلية للتطوير، وتسريع دورة البناء البرمجي للمشاريع.
استخدام أداة Postman لاختبار واجهات البرمجة وتأكيد استجابتها، وتوظيف بيئة بناء ومكتبات مثل Vite عند الحاجة، والاعتماد العملي على سير العمل المدعوم بالذكاء الاصطناعي كدعم لرفع الإنتاجية.
منهجيات إدارة مستودعات الكود البرمجي، وأفضل ممارسات التعاون البرمجي المتبعة في المشاريع البرمجية المشتركة.
الاعتماد على سير عمل قائم على GitHub، وإدارة المستودعات بكفاءة وتنسيق، والالتزام بالكوميتات المنظمة والـ Branches، والتعاون البرمجي المحترف.
الجودة لبيئة الإنتاج
بناء وتطوير نماذج تسجيل، لوحات تحكم، قنوات رفع وثائق، ومسارات مستخدم محمية وآمنة جاهزة للإنتاج الفعلي.
شمولية التجربة
بناء واجهات مستخدم مخصصة تدعم اللغتين العربية والإنجليزية مع معالجة وضبط دقيق لاتجاهات التنسيق RTL/LTR.
كفاءة التكامل
الربط باستخدام مكتبة Axios وواجهات برمجة التطبيقات REST APIs، وإدارة البيانات والتوثيق بـ JWT، وصياغة حزم البيانات للتكامل المباشر مع Salesforce.
التنظيم والوضوح
تنظيم وتسهيل التعاون البرمجي عبر سير عمل منظم على GitHub يشمل إدارة احترافية وصيانة دورية للمستودعات والفروع والالتزام بالكوميتات الهيكلية.
رؤية عملية لمنهجية عملي في بناء واجهات الاستخدام، والتعاون الفعّال مع الفرق، وضمان جودة واستقرار مسارات المستخدمين في بيئة الإنتاج.
أركز على بناء وتطوير ميزات واجهات أمامية مستقرة وقابلة للصيانة والتطوير، تساهم في حل المشكلات الحقيقية للأعمال وتتحمل الاستخدام الفعلي والمكثف من قبل مستخدمين حقيقيين.
أقوم ببناء النماذج، لوحات التحكم، ومسارات تقديم الطلبات وتتبعها، مع إيلاء اهتمام بالغ بالتحقق من المدخلات، وحالات التحميل، والتعامل مع الحالات الاستثنائية، ومعالجة الأخطاء بذكاء.
أتحكم بمرونة في واجهات الاستخدام المخصصة للغات العربية والإنجليزية، وأقوم بضبط دقيق وملاءمة لاتجاهات القراءة والمخططات لتتوافق تماماً مع بيئة الـ RTL/LTR.
أعمل بسلاسة تامة مع سير العمل القائم على GitHub، وإدارة مستودعات الأكواد البرمجية بكفاءة وتنسيق، والالتزام بالكوميتات المنظمة، وتعزيز التعاون التقني الاحترافي على المشاريع المشتركة.
أنا منفتح دائماً لمناقشة أفكار المشاريع والفرص المهنية الجديدة. سأرد على رسالتك في غضون 24 ساعة.
رسالة مباشرة
MohamadSalah@tuta.io
حسابي على GitHub
@Mo999salah (يفتح في تبويب جديد)
حسابي على LinkedIn
Mohamad Salah (يفتح في تبويب جديد)
الوسيلة الأسرع للتواصل
MohamadSalah@tuta.io