تسليمات جاهزة لـ Production
أبني ميزات الواجهات وأصونها خلال دورات الإصدار: Routing، والنماذج، وإدارة الحالات، وعقود APIs، وإصلاحات QA، والنشر.
01محمد صلاح
من الفكرة إلى الاستخدام اليومي
أبني باستخدام React وNext.js منصات متعددة اللغات تضم نماذج ولوحات تحكم ومسارات قبول مرتبطة بـ APIs.
مشروع مختارمنتج حي · 4 لغات
United Education · منصة الطالب
منصة طلابية قيد الاستخدام الفعلي
- 01
ابحث عن البرنامج المناسب
- 02
قدّم طلبك وارفع الوثائق
- 03
تابع حالة الطلب
4
لغات
4
منصات حية
+900
حساب طالب
الملف المهني
ما أقدمه لفرق تطوير المنتجات
أبني واجهات جاهزة لـ Production، تدعم عدة لغات، وترتبط بـ APIs ضمن كود يسهل اختباره وصيانته.
تجاوب دقيق (Responsive UX)
أختبر العرض على مختلف الأجهزة، وحالات التحميل، وسلوك عناصر Sticky، ومعالجة الصور، وإرسال البيانات.
واجهات RTL / LTR من البداية
أبني واجهات بالعربية والفارسية والروسية والإنجليزية، وأضبط اتجاه القراءة والبنية البصرية لكل لغة من البداية.
مسارات تحمي البيانات
أبني مسارات محمية، وأعالج البيانات عبر JWT، وأتحقق من المدخلات، وأعرض حالات التحميل والأخطاء، وأربط CRM مثل Salesforce.
الخلفية الأكاديمية
الشهادات والمؤهلات
بكالوريوس هندسة البرمجيات (B.Sc. Software Engineering)
جامعة أوسكودار، إسطنبول، تركيا
خريج عام 2024
الدور الحالي
التواصل المهني وفرص التعاون
- أعمل حالياً كـ Frontend Developer في شركة Invizion.
- متاح للتواصل المهني وفرص التعاون المناسبة.
- مقيم في إسطنبول، تركيا
سير العمل عبر GitHub
من كتابة التغيير إلى مراجعته وتسليمه
- أدير المستودعات، وأنظم Branches، وأكتب Structured Commits.
- معظم مشاريع الإنتاج موجودة في مستودعات خاصة (Private Repos)، لذلك لا يعرض النشاط العام كل عملي.
- أوثّق التغييرات وإرشادات التطوير كي يراجعها الفريق بسرعة.
واجهات تعمل في Production
خبرة تزيد عن عامين
مسيرتي المهنيةFrontend Developer
أنا Frontend Developer أستخدم React و Next.js لبناء منصات قابلة للتوسع تعالج متطلبات المنتج والتحديات التقنية.
طوّرت وأدرت منصات United Education، ومنها منصة الطلاب ولوحات التحكم والمواقع متعددة اللغات ومسارات الاستخدام المرتبطة بأنظمة CRM.
أبني النماذج المعقدة (Forms)، وأربط APIs، وأضبط واجهات RTL/LTR، والتصميم المتجاوب، و SEO، والأداء في بيئة الإنتاج، ومسارات العمل عبر GitHub Workflows.
محمد صلاح
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 Developer · قائد المشروع
من أغسطس 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 و Structured Commits لتسهيل المراجعة.
التقنيات المستخدمة
ReactNext.jsTypeScriptJavaScriptAxiosREST APIsRTL/LTRi18nArabic / Persian / Russian / EnglishGitHub
المشاريع والأعمال
مشاريع تعمل في الإنتاج
بنيت واجهات هذه التطبيقات والمنصات، ومنها منصة الطالب وخدمات التقديم الجامعي والمعارض التعليمية والخدمات الطلابية والمواقع متعددة اللغات.
900+
طالب مسجل
400+
اختبار Holland مكتمل
267
طلب قبول جامعي
4
لغات مدعومة
منصة خدمات طلابيةNDA Protected
United Education · منصة الطالب
التقديم الجامعي ومتابعة القبول في مسار واحد
عملت بصفتي Frontend Developer الوحيد، وبنيت واجهات منصة الطالب بالتنسيق مع مطور Backend وقائد المشروع حتى الإطلاق. تضم المنصة دخولاً آمناً ولوحة تحكم وبحثاً في البرامج والرسوم الدراسية وطلباً جامعياً من 6 خطوات ومتابعة الوثائق والقبول وتحليل Holland/RIASEC وتقارير PDF.
- وصول آمن ولوحة تحكم مخصصة لكل طالب
- بحث في التخصصات مع الفلاتر وعرض الرسوم والتوفر
- طلب جامعي من 6 مراحل
- رفع المستندات ومتابعة حالة القبول
- تحليل Holland/RIASEC وتوليد تقارير PDF
- دعم 4 لغات (العربية، الفارسية، الروسية، الإنجليزية) مع مسارات محمية مرتبطة بـ APIs
ReactNext.jsAxiosCSS Modules/SCSSREST APIs
عرض تفاصيل الشرح التقني متاح عند الطلب
موقع شركة إقليمي
United Education Gulf
الموقع الرسمي الموجه لمنطقة الخليج العربي
موقع الشركة في الخليج يعرض الجامعات والبرامج والخدمات بـ 4 لغات عبر صفحات سريعة ومتجاوبة ومهيأة لـ SEO.
4لغات
SEOSEO
ReactNext.jsi18nAxios+1
منصة إدارة معارض
EDIS · منصة إدارة المعارض التعليمية
إدارة المعارض الدولية وتسجيل الحضور بعدة لغات
ينشئ الفريق صفحات المعارض ونماذج التسجيل بـ 4 لغات، ويتحقق من مدخلات الزوار ويرسلها مباشرة إلى CRM و Salesforce.
4لغات
CRMاستقطاب
ReactNext.jsAxiosi18n+1
منصة خدمات طلابية
United Services · الخدمات الطلابية
السكن، التأمين الصحي، والإقامة في بوابة واحدة
يبحث الطلاب في خدمات السكن الجامعي والتأمين الصحي والإقامة ويقدمون طلباتهم بعدة لغات.
4لغات
4+خدمات
ReactNext.jsTypeScriptTailwind CSS+1
25+
صفحات أُعيدت هيكلتها
EU+
جامعات دولية وأوروبية
4
لغات مدعومة
Rebuild & LaunchNDA Protected
United Education 2.0
منصة قبول دولي موحدة للجامعات العالمية
قدت إعادة بناء واجهات 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)
أحجب البيانات والتفاصيل البرمجية الداخلية بموجب الاتفاقية، وأعرض هنا هندسة النظام وقرارات تجربة المستخدم والنتائج المعلنة.
التحدي
كان الطالب ينتقل بين قنوات عدة لتقديم الطلب ورفع المستندات وتأكيد هويته ومتابعة نتيجة القبول.
دوري في المشروع
عملت بصفتي 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
واجهات متجاوبة على سطح المكتب والتابلت والجوال.
Product Engineering
مسارات المستخدم وإدارة حالات النماذج و Localization وصيانة الأنظمة الحية.
- Multi-step Forms
- RTL / LTR Layouts
- i18n
- Arabic / Persian / Russian / English
- SEO
- Accessibility
نماذج متعددة الخطوات، لوحات تحكم تفاعلية، إدارة الوثائق، وصفحات مهيأة لـ SEO.
APIs & Auth Integration
ربط Frontend بخدمات Backend وحماية مسارات المستخدم.
- 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، والـ Branches.
مبادئ الهندسة والتطوير
جاهزية Production
أبني النماذج ولوحات التحكم ومسارات رفع المستندات والمصادقة لتعمل بثبات مع بيانات المستخدمين.
تجربة متعددة اللغات (Multilingual UX)
واجهات تدعم 4 لغات (العربية، الفارسية، الروسية، الإنجليزية) مع ضبط اتجاهات RTL/LTR.
ربط الواجهات مع APIs
ربط الواجهات عبر Axios مع REST APIs، ومعالجة بيانات JWT، وبناء حزم البيانات وإرسالها إلى Salesforce CRM.
سير عمل واضح (Git Workflow)
أدير الكود عبر GitHub، وأنظم Branches، وأكتب Structured 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
مقيم في إسطنبول، تركيا
متاح للتواصل المهني وفرص التعاون المناسبة.