التزام بمعايير الـ Production
أقود بناء الميزات والواجهات خلال كافة مراحل الإطلاق: التوجيه (Routing)، إدارة الحالات (State Management)، عقود الـ APIs، واختبارات الأداء والإطلاق.
محمد صلاح ·Frontend Developer في Invizion
تطوير منصات وتطبيقات الويبعالية الأداء والموثوقية
متخصص في تطوير منصات تفاعلية متعددة اللغات، تربط بين واجهات الـ Frontend وأعماق الـ Backend لتقديم تجارب مستخدم عالية الأداء.
الملف المهني
قيمة تقنية ملموسة لفرق تطوير المنتجات
أبني واجهات مستخدم متينة وجاهزة للـ Production، بتجربة مستخدم متعددة اللغات، وسلاسة في التكامل مع الـ APIs، وكود نظيف يسهل صيانته.
دقة التجاوب وتجربة المستخدم (Responsive UX)
أولي اهتماماً فائقاً بسلاسة الشاشات على مختلف الأجهزة، تحسين زمن التحميل، التصفح المريح، معالجة الصور، وموثوقية إرسال البيانات.
احترافية واجهات RTL / LTR
خبرة واسعة في بناء واجهات متعددة اللغات (العربية، الفارسية، الروسية، والإنجليزية)، مع مراعاة اتجاه القراءة والهيكلية البصرية لكل لغة من البداية.
تدفقات منتج موثوقة وآمنة
بناء مسارات تفاعلية محمية، إدارة المصادقة عبر JWT، معالجة الأخطاء وحالات التحميل، والربط المباشر مع أنظمة الـ CRM مثل Salesforce.
الخلفية الأكاديمية
الشهادات والمؤهلات
بكالوريوس هندسة البرمجيات (B.Sc. Software Engineering)
جامعة أوسكودار — إسطنبول، تركيا
خريج عام 2024
الدور الحالي
التواصل المهني وفرص التعاون
- أعمل حالياً كـ Frontend Developer في شركة Invizion.
- منفتح على التواصل المهني وفرص التعاون الاستشارية والمشاريع النوعية.
سير العمل عبر GitHub
جزء محوري من تسليم المشاريع
- خبرة ممتازة في إدارة المستودعات، تنظيم الـ Branches، والالتزام بـ Structured Commits.
- معظم مشاريع الإنتاج تقع في مستودعات خاصة (Private Repos)، لذا النشاط العام هو مجرد جزء من الصورة.
- أحرص على كتابة التغييرات وإرشادات التطوير بوضوح يسهل مراجعته من قبل أعضاء الفريق.
نبذة عني
واجهات Frontend عالية الجودة مُصممة للـ Production
مسيرتي المهنية
Frontend Developer
أنا Frontend Developer أركز على تقنيات React و Next.js لبناء منصات وتطبيقات قادرة على التوسع وحل التحديات التقنية والتجارية المعقدة.
قمت بتطوير وإدارة كافة المنصات التابعة لـ United Education؛ بدءاً من منصة الطلاب ولوحات التحكم التفاعلية، وصولاً إلى المواقع متعددة اللغات ورحلات المستخدم المرتبطة بأنظمة الـ CRM.
ترتكز خبرتي على بناء النماذج المعقدة (Forms)، الربط مع APIs، واجهات RTL/LTR متوازنة، التصميم المتجاوب، تحسين الـ SEO، استقرار الأداء في بيئة الإنتاج، وأتمتة مسارات العمل عبر GitHub Workflows.
M
محمد صلاح
Frontend Developer · React / Next.js
الخبرات
خبرة عملية في بناء منصات Production حية
تطوير تطبيقات وتجارب ويب متجاوبة ومتعددة اللغات باستخدام React و Next.js و TypeScript و Tailwind CSS.
بناء وتصميم مكونات UI قوية وقابلة لإعادة الاستخدام، مع تأسيس هيكلية Frontend منظمة تدعم الـ i18n و RTL/LTR والـ SEO وسرعة التحميل.
التعاون المثمر مع مصممي الـ UI/UX ومطوري الـ Backend لبناء منتجات رقمية متكاملة.
التقنيات المستخدمة
ReactNext.jsTypeScriptTailwind CSSi18nRTL/LTRAccessibilitySEO
United Education
Frontend Developer
Frontend Developer الوحيد · مطور Backend · قائد المشروع
أغسطس 2024 — يوليو 2026عن بُعد / حضوري
900+
طالب مسجل
400+
اختبار Holland
4
منصات حية
عملت كـ Frontend Developer رئيسي ووحيد لمجموع منتجات United Education، حيث قدت هندسة الواجهات وتطويرها وربطها بالـ APIs واختبارها حتى إطلاقها بنجاح.
بناء منصة الطالب كاملة للتقديم الجامعي، إدارة المستندات، متابعة حالة القبول، وتوليد تقارير PDF تلقائية.
تطوير نماذج معقدة متعددة الخطوات (Multi-step Forms) مع فحص المدخلات، معالجة حالات التحميل والأخطاء، وتجميع البيانات لأنظمة CRM و Salesforce.
ربط الواجهات بـ REST APIs باستخدام Axios، والتنسيق حول المسارات المحمية ومصادقة JWT مع مطور الـ Backend.
تطوير واجهات تدعم 4 لغات (العربية، الفارسية، الروسية، الإنجليزية) مع ضبط دقيق لـ RTL/LTR وتخصيص رحلة المستخدم حسب اللغة.
تحسين الـ SEO، معاينات السوشيال ميديا (Open Graph)، والتجاوب على مختلف الأجهزة لضمان استقرار التجربة.
تشخيص وحل المشاكل البرمجية في بيئة الإنتاج الخاصة بالنماذج، التجاوب على الهواتف، العناصر المثبتة (Sticky UI)، وموثوقية رفع البيانات.
إدارة سير العمل عبر GitHub، واستخدام الـ Feature Branches و Commit conventions الواضحة لضمان جودة الكود.
التقنيات المستخدمة
ReactNext.jsTypeScriptJavaScriptAxiosREST APIsRTL/LTRi18nArabic / Persian / Russian / EnglishGitHub
المشاريع والأعمال
مشاريع مميزة ومُنَفَّذة في الإنتاج
تطبيقات ومنصات حية قمت ببناء واجهاتها؛ تشمل منصة الطالب، التقديم الجامعي، معارض التعليم، الخدمات الطلابية، والمواقع متعددة اللغات.
unitededucation.com/portal/login
900+
طالب مسجل
400+
اختبار Holland مكتمل
267
طلب قبول جامعي
4
لغات مدعومة
Student Services PlatformNDA Protected
United Education · منصة الطالب
رحلة متكاملة للتقديم الجامعي ومتابعة القبول
بصفتي الـ Frontend Developer الوحيد، قمت ببناء كامل واجهات منصة الطالب والتنسيق مع مطور الـ Backend وقائد المشروع حتى الإطلاق. تشمل المنصة الدخول الآمن، لوحة تحكم مخصصة، محرك بحث للبرامج والرسوم، التقديم الجامعي عبر 6 خطوات، تتبع الوثائق والقبول، تحليل Holland/RIASEC، واستخراج تقارير PDF.
- وصول آمن ولوحة تحكم مخصصة لكل طالب
- محرك بحث للتخصصات مع الفلاتر وعرض الرسوم والتوفر
- مسار تقديم جامعي متكامل يتكون من 6 مراحل
- إدارة ورفع المستندات وتتبع لحظي لحالة القبول
- تحليل Holland/RIASEC وتوليد تقارير PDF ديناميكية
- دعم 4 لغات (العربية، الفارسية، الروسية، الإنجليزية) مع مسارات محمية مرتبطة بـ APIs
ReactNext.jsAxiosCSS Modules/SCSSREST APIs
عرض تفاصيل الشرح التقني متاح عند الطلب
unitededucation.global
Regional Corporate Website
United Education Gulf
الموقع الرسمي الموجه لمنطقة الخليج العربي
موقع شركة موجه لجمهور منطقة الخليج، يستعرض الجامعات والبرامج والخدمات بـ 4 لغات عبر صفحات سريعة، متجاوبة، ومجهّزة لـ SEO.
4لغات
SEOSEO
ReactNext.jsi18nAxios+1
www.edisfairs.com
Exhibition Management Platform
EDIS · منصة إدارة المعارض التعليمية
إدارة وتأكيد تسجيل الحضور للمعارض الدولية
منصة متكاملة لبناء صفحات المعارض ونماذج التسجيل بـ 4 لغات، مع التحقق اللحظي من مدخلات الزوار والربط المباشر مع CRM و Salesforce.
4لغات
CRMLeads
ReactNext.jsAxiosi18n+1
www.hwunitedservices.com
Student Services Platform
United Services · الخدمات الطلابية
السكن، التأمين الصحي، والإقامة في بوابة واحدة
منصة متعددة اللغات تساعد الطلاب على اكتشاف وطلب خدمات السكن الجامعي، التأمين الصحي، ومعاملات الإقامة بسهولة.
4لغات
4+خدمات
ReactNext.jsTypeScriptTailwind CSS+1
25+
صفحات أُعيدت هيكلتها
EU+
جامعات دولية وأوروبية
4
لغات مدعومة
Rebuild & LaunchNDA Protected
United Education 2.0
منصة قبول دولي موحدة للجامعات العالمية
قدت كـ Frontend Developer عملية التحول الكاملة لـ United Education لتبني تطبيق Next.js حديث يغطي عدة دول ووجهات دراسية. حوّلت تصاميم Figma وبنية المعلومات الجديدة إلى تطبيق Next.js متكامل يضم وجهات الدراسة، دليل الجامعات المفلتر، اكتشاف البرامج، نظام تصميم (Design System) مخصص، محتوى Headless CMS، ودعم 4 لغات عبر next-intl، تفاعلات Framer Motion، وصفحات سريعة ومحسّنة لـ SEO والأداء.
- إعادة بناء وشحن التطبيق إلى الـ Production باستخدام Next.js
- التحول من منصة محلية إلى بوابة قبول جامعي عالمية
- تصفح وجهات الدراسة، دليل الجامعات، والفلاتر المتقدمة
- دعم 4 لغات: العربية، الفارسية، الروسية، الإنجليزية
- محتوى Headless CMS مع دعم next-intl و RTL/LTR
- تفاعلات Framer Motion فائقة السلاسة مع تحسينات الأداء و SEO
Next.jsReactTailwind CSSSCSS / CSS ModulesFramer Motionnext-intl (i18n)Headless CMSREST API / AxiosFigma
عرض تفاصيل الشرح التقني متاح عند الطلب
معرض المنتجات
واجهات حقيقية من بيئة الإنتاج
لقطات مختارة واستعراض تفاعلي حي يبرز جودة البناء البصري والأداء المتجاوب للمشاريع المنفذة.
Rebuild & Launch
United Education 2.0
اختر الواجهة التي ترغب باستكشافها.
دراسة حالة مفصلة
منصة الطالب: توحيد إجراءات القبول في تجربة رقمية منظمة
دراسة تفصيلية لمنصة حية تجمع بين تسجيل الطلاب، التقديم للجامعات، اختبار Holland المهني، رفع الوثائق، متابعة حالات القبول، واستخراج تقارير PDF.
منصة خدمات طلابية
United Education · منصة الطالب
منصة موحدة وآمنة تمكّن الطالب من إدارة رحلة القبول الجامعي بالكامل؛ بدءاً من إنشاء الحساب وحتى تتبع طلبات القبول والنتائج.
+900
طالب مسجل
+400
اختبار Holland مُنجز
267
طلب قبول جامعي
4
لغات مدعومة
التزام بخصوصية البيانات (NDA)
تمت حماية البيانات والتفاصيل البرمجية الداخلية الحساسة؛ وتسلط هذه الدراسة الضوء على هندسة النظام، قرارات UX، والنتائج القياسية.
التحدي
كان الطلاب يواجهون تشتتاً بين عدة قنوات لإكمال التقديم الجامعي، رفع المستندات، التحقق من الهوية، وتتبع نتائج القبول.
دوري في المشروع
بصفتي الـ Frontend Developer الوحيد، قدت هندسة وتنفيذ الواجهات بالكامل، ونسقت مع مطور الـ Backend لربط الـ APIs والمصادقة، ومع قائد المشروع لتحديد الأولويات وجداول الإطلاق.
الحل الهندسي
طوّرت واجهات بـ React & Next.js تؤمن تسجيل الدخول، تتيح البحث عن البرامج وتكاليفها، توفر مسار تقديم جامعي من 6 خطوات، تتبع الوثائق، تقييم Holland/RIASEC، تقارير PDF، ودعم متكامل لـ RTL/LTR.
الأثر والنتائج
نجحت المنصة في أتمتة وتوحيد رحلة القبول، وتقليل الخطوات اليدوية، وتقديم تجربة خدمة ذاتية بأربع لغات: العربية، الفارسية، الروسية، والإنجليزية.
استعراض واجهات منصة الطالب
عينات من شاشات تسجيل الدخول، لوحة التحكم، الملف الشخصي، رفع الوثائق، اختبار Holland، البحث عن التخصصات، والنتائج.
المهارات والتقنيات
منظومة الـ Frontend وسير العمل
الأدوات والحلول التقنية التي أعتمد عليها لبناء منصات React و Next.js عالية الأداء، النماذج المعقدة، والواجهات المتصلة بـ APIs.
0+
طالب مسجل
0+
اختبار Holland
0+
طلب قبول جامعي
0
منصة حية (Production)
Frontend Core
التقنيات الأساسية لبناء التطبيقات والمنصات الحديثة.
- React
- Next.js
- TypeScript
- JavaScript
استخدام React و Next.js في بناء البوابات والمواقع التفاعلية وإدارة المعارض والخدمات الطلابية.
UI & Styling
التنسيق، الانيميشن، والتجاوب لبناء واجهات مستخدم متميزة.
- Tailwind CSS
- Bootstrap
- CSS Modules
- SCSS
- Framer Motion
- Responsive Design
تصاميم متجاوبة بدقة متناهية على كافة الشاشات (Desktop, Tablet, Mobile).
Product Engineering
رحلات المستخدم، إدارة حالات النماذج (Form States)، الـ Localization، وصيانة الأنظمة الحية.
- Multi-step Forms
- RTL / LTR Layouts
- i18n
- Arabic / Persian / Russian / English
- SEO
- Accessibility
نماذج متعددة الخطوات، لوحات تحكم تفاعلية، إدارة الوثائق، وصفحات مهيأة لـ SEO.
APIs & Auth Integration
ربط الـ Frontend بدمج الخدمات الخلفية وتأمين مسارات المستخدم.
- REST APIs
- Axios
- JWT
- Cookies
- Protected Routes
- Salesforce Integration
استخدام Axios لـ REST APIs، إدارة بيانات JWT، الـ Cookies، المسارات المحمية، وإرسال البيانات لـ CRM.
Development Tools
أدوات مساعدة لتطوير واختبار الـ APIs وتطوير الكود بسلاسة.
- Postman
- Vite
- AI-assisted Workflows
اختبار الـ APIs عبر Postman، بيئات Vite، وتوظيف أدوات الذكاء الاصطناعي لتسريع الإنتاجية.
Development Workflow
منهجية إدارة الكود والتطوير الجماعي المنظم.
- Git
- GitHub
- GitHub CLI
- Repository Management
- Structured Commits
- Branching Workflows
- Production Collaboration
سير عمل معتمد على GitHub، إدارة المستودعات، Structured Commits، وفروع التطوير.
مبادئ الهندسة والتطوير
تركيز تام على بيئة الـ Production
بناء نماذج ولوحات تحكم ومسارات رفع مستندات ومصادقة تتميز بالاستقرار والجاهزية للعمل الفعلي.
تجربة متعددة اللغات (Multilingual UX)
واجهات متقنة تدعم 4 لغات (العربية، الفارسية، الروسية، الإنجليزية) مع معالجة احترافية لاتجاهات RTL/LTR.
ربط محكم مع الـ APIs
ربط الواجهات عبر Axios مع REST APIs، وتداول JWT، وتصنيع حزم البيانات وتكاملها مع Salesforce CRM.
سير عمل مهني ومنظم (Git Workflow)
إدارة تطوير الكود عبر GitHub، واستخدام الفروع التنموية، والالتزام بـ Clear Commits لسهولة المراجعة والتعاون.
منهجية العمل
كيف أبني منتجات برمجية موثوقة
أسلوب عملي في تطوير الواجهات الأمامية، التعاون مع الفرق، وتأمين استقرار مسارات المستخدم بعد الإطلاق.
جاهزية للـ Production
أصمم وأبني ميزات كود قوية وقابلة للصيانة تتجاوب مع المتطلبات الحقيقية وتصمد تحت الاستخدام اليومي المكثف.
رحلات مستخدم واضحة
أبني النماذج ولوحات التحكم ورحلات التقديم مع التركيز على التحقق الدقيق، حالات التحميل، الأخطاء المحتملة، والحالات الحافة (Edge Cases).
تجربة متعددة اللغات (Multilingual UX)
أبني الواجهات بـ 4 لغات (العربية، الفارسية، الروسية، الإنجليزية) مع مراعاة اتجاهات RTL / LTR وهيكلية التصميم البصري لكل لغة.
سير عمل منظم (Git Workflow)
أعتمد على GitHub لإدارة المستودعات، تنظيم الـ Branches، وتوثيق التغييرات، مما يسهل المراجعة والتعاون مع الفريق.
التواصل
دعنا نتواصل
للتواصل المهني، فرص العمل المتاحة، أو الاستفسار عن المشاريع والخدمات.
رسالة مباشرة
MohamadSalah@tuta.io
حسابي على GitHub
@Mo999salah (يفتح في تبويب جديد)
حسابي على LinkedIn
Mohamad Salah (يفتح في تبويب جديد)
مراسلة عبر واتساب
+90 534 774 5709 (يفتح في تبويب جديد)
الوسيلة الأسرع
MohamadSalah@tuta.io
مقيم في إسطنبول، تركيا
منفتح على التواصل المهني وفرص التعاون المختارة.