M.
متاح للفرص والمشاريع الجديدة

محمد صلاح

مهندس واجهات أمامية (Frontend Engineer)، أقوم ببناء وتطوير منصات الويب وتطبيقات ويب متكاملة معقدة.

أنا متخصص في بناء وتطوير واجهات مستخدم تفاعلية باستخدام React و Next.js للوحات التحكم المعقدة، النماذج متعددة الخطوات، تجارب المستخدم متعددة اللغات (RTL/LTR)، التكامل مع أنظمة الـ CRM، ومسارات المستخدم الجاهزة للإنتاج الفعلي.

لنتحدث عن مشروعك

900+

مستخدم نشط

400+

مسار تدفق بيانات

267+

عملية معالجة

4

منصة برمجية نشطة

القيمة البرمجية التي أقدمها لفِرَق التطوير والمنتجات

أركز على تقديم واجهات أمامية جاهزة لبيئة الإنتاج وموثوقة لفرق التوظيف: مسارات مستخدم مستقرة، جودة عالية للمنتجات متعددة اللغات، تعاون دقيق في ربط واجهات البرمجة (APIs)، وتسليم برمجيات قابلة للصيانة والتطوير.

تسليم يراعي بيئة الإنتاج

أقوم ببناء وصيانة ميزات الواجهات الأمامية من خلال دورات إطلاق حقيقية: المسارات (Routes)، النماذج (Forms)، الحالات (States)، عقود واجهات البرمجة (API Contracts)، إصلاحات الجودة (QA)، وتسليم المهام للنشر الفعلي (Handoff).

انضباط تجربة المستخدم المتجاوبة

أعمل على تحسين المخططات (Layouts)، حالات التحميل (Loading States)، سلوك العناصر المثبتة (Sticky UI)، واجهات الهواتف المحمولة، معالجة الصور، وموثوقية إرسال البيانات عبر مختلف أحجام الأجهزة.

خبرة متقدمة في واجهات RTL/LTR

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

مسارات منتجات موثوقة

أعمل على تطوير المسارات المحمية (Protected Routes)، معالجة البيانات المعتمدة على JWT، التحقق من صحة المدخلات، حالات التحميل، معالجة الأخطاء، والتكامل مع أنظمة الـ CRM وسيلز فورس (Salesforce).

التعليم الأكاديمي

الخلفية الأكاديمية

بكالوريوس في هندسة البرمجيات (B.Sc. Software Engineering)

جامعة أسكودار، تركيا

خريج عام 2024

ملخص السيرة الذاتية

استعراض سريع للمعلومات الأساسية قبل التحميل

4

المنصات المُطوّرة

900+

المستخدمون المسجلون

2024

سنة التخرج

التوفر للعمل

مؤهلات واضحة لفرص العمل والتوظيف

  • منفتح على أدوار مهندس واجهات أمامية، العمل مع فرق المنتجات، والمشاريع التعاقدية المركزة.
  • أفضل العمل عن بُعد (Remote-first)، ولدي مرونة كاملة في التواصل الفعّال والعمل غير المتزامن مع الفرق ضمن توقيت أوروبا وتركيا والشرق الأوسط.
  • أقوى نقاط تميزي التقنية: Next.js، React، TypeScript، التعدد اللغوي (i18n)، لوحات التحكم (Dashboards)، ومنصات الويب المتكاملة.

سير العمل على GitHub

جزء عملي وأساسي من عملية التسليم

  • أعمل بكفاءة تامة مع سير العمل القائم على GitHub، وإدارة المستودعات، والالتزام بالكوميتات المنظمة (Structured Commits)، وإدارة الفروع (Branching).
  • تطوير المنصات ضمن مستودعات خاصة بالشركات (Private Repos) هو جزء أساسي من عملي، لذا فإن سجل النشاط العام على GitHub يمثل جزءاً فقط من إنتاجيتي الفعلية.
  • أحرص دائماً على أن تكون تغييرات الكود واضحة ومقروءة لجميع المتعاونين من مطوري الباك إند، وفرق المنتجات، ومطوري الواجهات الآخرين.
زيارة حسابي على GitHub

تطوير واجهات أمامية جاهزة لبيئة الإنتاج

مسيرتي المهنية

مهندس واجهات أمامية

بصفتي مهندس واجهات أمامية (Frontend Engineer)، أركز على بناء وتطوير منصات ويب في بيئة الإنتاج باستخدام React و Next.js لحل مشكلات الأعمال الحقيقية وتقديم تجارب رقمية قابلة للتوسع.

من خلال عملي على منصات برمجية مختلفة (بما في ذلك منصات United Education)، قمتُ ببناء وصيانة ميزات الواجهات الأمامية للبوابات الرقمية، لوحات التحكم المعقدة، المواقع متعددة اللغات، ومسارات المستخدم المرتبطة بأنظمة إدارة العملاء (CRM).

يركز عملي على النماذج المعقدة، ربط وتكامل واجهات البرمجة (APIs)، تصميم واجهات RTL/LTR، التخطيطات المتجاوبة، صفحات محسّنة لمحركات البحث (SEO)، استقرار تجربة المستخدم في بيئة الإنتاج، وسير العمل القائم على GitHub.

M

محمد صلاح

مهندس واجهات أمامية · React / Next.js

خبرة عملية في بناء مشاريع حقيقية

United Education

United Education

مهندس واجهات أمامية

فريق التطوير الأساسي · 4 منصات برمجية مُطلَقة

أغسطس 2024 — يوليو 2026عن بُعد / حضوري

900+

مستخدم مسجل

400+

مسارات بيانات

4

منصات برمجية نشطة

توليت مسؤولية بناء وتطوير ميزات الواجهات الأمامية للمنصات الرقمية لشركة United Education في بيئة التشغيل الفعلي؛ بما يتضمن بوابات المستخدمين المعقدة، المواقع التسويقية متعددة اللغات، مسارات التسجيل الفعالة للمعارض، وصفحات استقطاب العملاء والخدمات.

بناء وتطوير مسارات البوابات للتسجيل، ورفع المستندات والملفات بمختلف التنسيقات، وإدارة وتحديث حالات لوحة التحكم، والمعالجة التلقائية لتقارير الـ PDF الديناميكية.
تطوير نماذج تسجيل متقدمة ومتعددة الخطوات تشتمل على التحقق الفوري والذكي من صحة المدخلات، وحالات التحميل ومعالجة الأخطاء، وتهيئة وتكامل حزم البيانات مع أنظمة الـ CRM وسيلز فورس (Salesforce).
ربط وتكامل تدفقات الواجهات الأمامية مع واجهات البرمجة REST APIs باستخدام Axios، والتعاون الوثيق مع مطوري الباك إند لتأمين مسارات المستخدم، وحفظ وتناقل البيانات البرمجية المشفرة بـ JWT بأمان، والربط مع بيئات العمل الخلفية.
تطوير وتحسين واجهات الاستخدام متعددة اللغات (العربية والإنجليزية)، مع ضبط دقيق لاتجاهات وتخطيطات النصوص (RTL/LTR) وتهيئة رحلات مستخدم مخصصة ومتوافقة مع كل لغة.
تحسين البيانات الميتا لتهيئة محركات البحث (SEO Metadata)، وطرق ظهور الروابط وصور المعاينة على شبكات التواصل الاجتماعي، وضبط مرونة التجاوب للمخططات، لضمان أعلى مستويات استقرار أداء تجربة المستخدم (UX Stability).
رصد واستكشاف أخطاء الواجهات الأمامية وحلها في بيئة التشغيل الفعلي، والمتعلقة بالنماذج، وتجاوب واجهات الهواتف المحمولة، ومعالجة أحجام واستجابة الصور، وتصحيح سلوك العناصر المثبتة (Sticky UI)، وموثوقية عمليات الإرسال الحساسة للبيانات.
الاعتماد على سير عمل قائم على GitHub لإدارة مستودعات الكود البرمجي بفعالية، وتنظيم الكوميتات، وإدارة الفروع (Branching)، وتعزيز التعاون التقني الاحترافي على المشاريع البرمجية.

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

ReactNext.jsTypeScriptJavaScriptAxiosREST APIsRTL/LTRi18nGitHub

أبرز المشاريع البرمجية التي طورتها

مجموعة مختارة من مساهماتي في تطوير ميزات الواجهات الأمامية لمنصات الويب الجاهزة للإنتاج، وتشمل: بوابات تفاعلية للمستخدمين، مسارات تسجيل للفعاليات، نماذج، لوحات تحكم، وتجارب مستخدم ممتدة ومتعددة اللغات.

unitededucation.com/portal/login
U
MS
أهلاً بك مجدداً، محمد 👋
لوحة تحكم البوابة
MS
900+
الطلاب
400+
اختبارات هولاند
267
الالطلبات
العمليات البرمجية الحالية3
ج
جامعة إسطنبول
هندسة حاسوب
ج
جامعة أنقرة
إدارة أعمال
ج
جامعة بوغازيتشي
علوم البيانات
النتائج المخصصة
S
91
I
85
A
68
R
72
محمي باتفاقية سرية

900+

مستخدم مسجل

400+

مسار بيانات مكتمل

267

عملية برمجية معالجة

تطبيق ويب في بيئة الإنتاجمحمي بموجب اتفاقية سرية البيانات (NDA)

بوابة المستخدمين - نموذج لهندسة الواجهات

بناء مسارات تفاعلية للتسجيل، إدارة المستندات، وإصدار التقارير الديناميكية

هندسة وتطوير مسارات متكاملة لبوابة ويب شاملة تشتمل على التسجيل، معالجة البيانات المخصصة، رفع المستندات وإدارتها، لوحة تحكم مخصصة للحالات، إصدار فوري لنتائج التقييمات، تأمين مسارات المستخدم المحمية والتوثيق، وربط واجهات برمجة التطبيقات (APIs) بالواجهة الأمامية.

  • مسارات التسجيل والعمليات المعقدة
  • واجهات ونظام مخصص لرفع ومراجعة الوثائق
  • إدارة ومعالجة حالات لوحة التحكم
  • نظام التقييمات المخصصة والتقارير التلقائية بصيغة PDF
  • تأمين مسارات المستخدم وتدفقات البيانات المحمية
  • معالجة وتناقل البيانات المعتمدة على واجهات البرمجة (APIs)
ReactNext.jsAxiosCSS Modules/SCSSREST APIs

شرح التفاصيل التقنية متاح عند الطلب

unitededucation.com/
منصة United Education 2.0

25+

صفحات أُعيدت هيكلتها وتصميمها

EU+

الوصول والتغطية الدولية والأوروبية

2

لغات مدعومة

إعادة بناء من الصفرمحمي بموجب اتفاقية سرية البيانات (NDA)

منصة United Education 2.0

إعادة بناء وتطوير شاملة للانتقال من السوق الإقليمي للمنصات الدولية للقبول الجامعي

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

  • إعادة بناء شاملة من الصفر على بنية برمجية حديثة باستخدام Next.js
  • إعادة توجيه الهوية والمنصة الرقمية لخدمة الجامعات الدولية والأوروبية
  • تأسيس نظام تصميم جديد (Design System) وبنية معمارية منظمة للمعلومات (Information Architecture)
  • بناء طبقة محتوى متعددة اللغات تدعم الاتجاه RTL/LTR بعمق باستخدام next-intl
  • مزامنة البيانات وعرض الصفحات ديناميكياً بالربط مع نظام إدارة المحتوى اللامركزي (Headless CMS)
  • واجهات مستخدم غنية بالتأثيرات الحركية بـ Framer Motion ومخططات مهيأة بالكامل للـ SEO
Next.jsReactTailwind CSSSCSS / CSS ModulesFramer Motionnext-intl (i18n)Headless CMSREST API / AxiosFigma

شرح التفاصيل التقنية متاح عند الطلب

unitededucation.global
منصة الويب الرئيسية - United Education
منصة تسويق وخدمات رقمية متعددة اللغات

منصة الويب الرئيسية - United Education

منصة تسويق وخدمات رقمية متعددة اللغات

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

3لغات
SEOSEO
ReactNext.jsi18nAxios+1
زيارة الموقع الحي: منصة الويب الرئيسية - United Education
www.edisfairs.com
منصة إدارة الفعاليات - EDIS
مسارات تسجيل للفعاليات

منصة إدارة الفعاليات - EDIS

مسارات تفاعلية ثنائية اللغة لتسجيل حضور الفعاليات والمعارض

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

2لغات
CRMاستقطاب
ReactNext.jsAxiosi18n+1
زيارة الموقع الحي: منصة إدارة الفعاليات - EDIS
www.hwunitedservices.com
بوابة الخدمات اللوجستية والمساندة
منصة خدمات وتفاعل

بوابة الخدمات اللوجستية والمساندة

بوابة مخصصة لاستكشاف الخدمات الأساسية وطلب الدعم الفني

بناء منصة خدمات مساندة متعددة اللغات تغطي خدمات الإقامة والتأمين الطبي ومسارات طلب الدعم، تشتمل على استكشاف الخدمات المحلية بطرق سهلة وسير عمل مبسط لاستقطاب طلبات المستخدمين.

4لغات
4+خدمات
ReactNext.jsTypeScriptTailwind CSS+1
زيارة الموقع الحي: بوابة الخدمات اللوجستية والمساندة

بوابة المستخدمين: من تدفق عمل معقد إلى منتج سهل الاستخدام

نظرة متعمقة على منصة ويب في بيئة التشغيل الفعلي (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
  • TypeScript
  • JavaScript

تطوير برمجيات وميزات باستخدام React و Next.js ممتدة عبر البوابات الرقمية، المواقع التسويقية، مسارات التسجيل الفعالة للمعارض، والمنصات الخدمية.

واجهة المستخدم

تنسيق واجهات الاستخدام، المؤثرات الحركية والتفاعلية، وتجاوب واجهات التطوير لتقديم منتجات برمجية متقنة ومصقولة.

  • Tailwind CSS
  • Bootstrap
  • CSS Modules
  • SCSS
  • Framer Motion
  • Responsive Design

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

تطوير المنتج

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

  • Multi-step Forms
  • RTL / LTR Layouts
  • i18n
  • SEO
  • Accessibility
  • Production Debugging

تطوير النماذج متعددة الخطوات، لوحات التحكم المعقدة، مسارات تدفق المستخدم المخصصة، قنوات رفع المستندات، والصفحات المتوافقة مع الـ SEO.

الربط والأمان

ربط وتكامل تدفقات الواجهات الأمامية بالخدمات البرمجية الخلفية وتأمين مسارات المستخدم المحمية.

  • REST APIs
  • Axios
  • JWT
  • Cookies
  • Protected Routes
  • Salesforce Integration

تنفيذ عمليات ربط وتكامل برمجية مع REST APIs عبر مكتبة Axios، وتناقل البيانات البرمجية المعتمدة على JWT بأمان، وملفات تعريف الارتباط (Cookies)، والمسارات المحمية، وتنسيق حزم البيانات لربطها مع أنظمة الـ CRM.

أدوات داعمة

الأدوات والمكتبات المساعدة لاختبار واجهات البرمجة (APIs)، وتسهيل عمليات البيئة المحلية للتطوير، وتسريع دورة البناء البرمجي للمشاريع.

  • Postman
  • Vite
  • AI-assisted Workflows

استخدام أداة Postman لاختبار واجهات البرمجة وتأكيد استجابتها، وتوظيف بيئة بناء ومكتبات مثل Vite عند الحاجة، والاعتماد العملي على سير العمل المدعوم بالذكاء الاصطناعي كدعم لرفع الإنتاجية.

منهجية العمل

منهجيات إدارة مستودعات الكود البرمجي، وأفضل ممارسات التعاون البرمجي المتبعة في المشاريع البرمجية المشتركة.

  • Git
  • GitHub
  • GitHub CLI
  • Repository Management
  • Structured Commits
  • Branching Workflows
  • Production Collaboration

الاعتماد على سير عمل قائم على GitHub، وإدارة المستودعات بكفاءة وتنسيق، والالتزام بالكوميتات المنظمة والـ Branches، والتعاون البرمجي المحترف.

مبادئ هندسية

  • الجودة لبيئة الإنتاج

    بناء وتطوير نماذج تسجيل، لوحات تحكم، قنوات رفع وثائق، ومسارات مستخدم محمية وآمنة جاهزة للإنتاج الفعلي.

  • شمولية التجربة

    بناء واجهات مستخدم مخصصة تدعم اللغتين العربية والإنجليزية مع معالجة وضبط دقيق لاتجاهات التنسيق RTL/LTR.

  • كفاءة التكامل

    الربط باستخدام مكتبة Axios وواجهات برمجة التطبيقات REST APIs، وإدارة البيانات والتوثيق بـ JWT، وصياغة حزم البيانات للتكامل المباشر مع Salesforce.

  • التنظيم والوضوح

    تنظيم وتسهيل التعاون البرمجي عبر سير عمل منظم على GitHub يشمل إدارة احترافية وصيانة دورية للمستودعات والفروع والالتزام بالكوميتات الهيكلية.

ممارسات الواجهات الأمامية المتبعة في تطوير المنتجات البرمجية

رؤية عملية لمنهجية عملي في بناء واجهات الاستخدام، والتعاون الفعّال مع الفرق، وضمان جودة واستقرار مسارات المستخدمين في بيئة الإنتاج.

التركيز على بيئة الإنتاج

أركز على بناء وتطوير ميزات واجهات أمامية مستقرة وقابلة للصيانة والتطوير، تساهم في حل المشكلات الحقيقية للأعمال وتتحمل الاستخدام الفعلي والمكثف من قبل مستخدمين حقيقيين.

التركيز على مسارات تدفق المستخدم

أقوم ببناء النماذج، لوحات التحكم، ومسارات تقديم الطلبات وتتبعها، مع إيلاء اهتمام بالغ بالتحقق من المدخلات، وحالات التحميل، والتعامل مع الحالات الاستثنائية، ومعالجة الأخطاء بذكاء.

تجربة مستخدم متعددة اللغات (Multilingual UX)

أتحكم بمرونة في واجهات الاستخدام المخصصة للغات العربية والإنجليزية، وأقوم بضبط دقيق وملاءمة لاتجاهات القراءة والمخططات لتتوافق تماماً مع بيئة الـ RTL/LTR.

سير عمل منظم وهيكلي

أعمل بسلاسة تامة مع سير العمل القائم على GitHub، وإدارة مستودعات الأكواد البرمجية بكفاءة وتنسيق، والالتزام بالكوميتات المنظمة، وتعزيز التعاون التقني الاحترافي على المشاريع المشتركة.

لنبني شيئاً رائعاً معاً

أنا منفتح دائماً لمناقشة أفكار المشاريع والفرص المهنية الجديدة. سأرد على رسالتك في غضون 24 ساعة.

رسالة مباشرة

MohamadSalah@tuta.io

حسابي على GitHub

@Mo999salah (يفتح في تبويب جديد)

حسابي على LinkedIn

Mohamad Salah (يفتح في تبويب جديد)

الوسيلة الأسرع للتواصل

MohamadSalah@tuta.io

العمل عن بُعد / متاح عالمياً ومحلياً
متاح للعمل بدوام كامل، العقود والمشاريع المستقلة (Freelance)

تواصل عبر النموذج