مهندس Full Stack يبني ويصون تطبيقات ويب إنتاجية باستخدام Next.js وReact وTypeScript — وحالياً المسؤول الأول عن الواجهة الأمامية لمنصة تخدم أكثر من 10,000 مستخدم يومياً.
Upwork
⭐ 5.0 · 100% JSS
3+ سنوات · إنتاج
+10 آلاف مستخدم/يوم
نبذة عني
مهندس Full Stack بخبرة أكثر من 3 سنوات في بناء وصيانة تطبيقات ويب إنتاجية باستخدام Next.js وReact وTypeScript. أعمل حالياً كمسؤول أول عن الواجهة الأمامية لمنصة تجارة إلكترونية للسفر تخدم أكثر من 10,000 مستخدم يومياً، حيث أقود معمارية الواجهة الأمامية واستراتيجية العرض (SSR/SSG/ISR) وتحسين محركات البحث ومؤشرات Core Web Vitals. لديّ خبرة في بناء واجهات أمامية قابلة للتوسع قائمة على المكونات وأنظمة تصميم مشتركة عبر منتجات متعددة التطبيقات، وفي التعاون الوثيق مع المصممين ومالكي المنتج ومهندسي الخلفية لتسليم مزايا موجّهة للمستخدم من البداية للنهاية.
3+
سنوات الخبرة
10k+
مستخدمون يومياً
3
شركات إنتاجية
100%
Upwork JSS
التقنيات
الأطر والأدوات والممارسات التي أستخدمها لإطلاق تطبيقات إنتاجية
الخبرة
أدوار تركز على الإطلاق والتوسع وتأثير المنتج القابل للقياس
Apr 2024 – Present
May 2025 – Sep 2025
Apr 2023 – Present
المشاريع
منصتان إنتاجيتان — منصة SaaS لبناء المواقع بالذكاء الاصطناعي ومنصة سفر كروي متعددة العلامات — إلى جانب أعمال مختارة في التجارة الإلكترونية ومنتجات الويب التفاعلية
المشروع الرئيسي
منصة SaaS لبناء المواقع بالذكاء الاصطناعي
Valorcy منظومة SaaS متكاملة لبناء المواقع وإطلاقها وإدارتها بالذكاء الاصطناعي. ليست موقعاً واحداً — بل منتج واحد يُقدَّم عبر ثلاثة تطبيقات إنتاجية تتشارك نظام التصميم وتعريفات الأنواع والأدوات المساعدة والمصادقة داخل مستودع أحادي (Monorepo) واحد.
كل تطبيق يُبنى ويُنشر بشكل منفصل، لكنها تتشارك الأساس نفسه — فتبدو وتتصرف كمنتج واحد.
01
الواجهة العامة للمنصة
الواجهة العامة للمنصة: صفحات الهبوط والأسعار ومعرض القوالب واستعراض أداة البناء بالذكاء الاصطناعي والمدونة والتوثيق والصفحات المحسّنة لمحركات البحث. هو أول ما يراه العميل المحتمل ونقطة الدخول إلى المصادقة، لذا فهو مضبوط للسرعة والظهور في البحث والتحويل.
02
التطبيق الذي يعيش فيه العملاء
التطبيق الأساسي للمنصة وهو الذي يتفاعل معه العملاء يومياً. هنا يولّدون موقعاً بالذكاء الاصطناعي ويحرّرونه بصرياً ويديرون المحتوى والتجارة ويربطون نطاقاً ويديرون اشتراكهم. كل واجهة أخرى في المنتج موجودة لدعم ما يحدث هنا.
03
تشغيل المنصة
التطبيق الداخلي المستخدم لتشغيل المنصة: إدارة المستخدمين واشتراكاتهم، وتعريف الخطط، والإشراف على المواقع المنشورة، وتنظيم القوالب والمحتوى، وضبط إعدادات الذكاء الاصطناعي، والتحكم في صلاحيات كل فرد داخل الشركة.
المشروع الرئيسي
منصة سفر كروي متعددة العلامات لستة أسواق أوروبية
منصة سفر كروي واسعة النطاق تخدم ست علامات أوروبية من قاعدة كود Next.js واحدة. أقود معمارية الواجهة الأمامية والأداء وتحسين محركات البحث والتوطين وتطوير المزايا لمنصة إنتاجية تخدم أكثر من 10 آلاف مستخدم يومياً.
تعمل كل علامة على نطاقها الخاص بمحتوى وتوجيه وهوية محلية — لكن الست تُخدم من قاعدة كود Next.js واحدة بمكونات مشتركة وسمات لكل علامة.
أعمال إنتاجية إضافية ومشاريع جانبية
منتج SaaS ذاتي التمويل يتيح التعامل مع ملفات PDF دون الحاجة إلى برامج سطح المكتب. تُعرض المستندات باستخدام PDF.js وتُحرَّر على لوحة رسم React Konva، بينما تُكتب التغييرات عبر pdf-lib — بحيث يتم تحرير النصوص والصور والروابط والصفحات مباشرة داخل المتصفح. وحول المحرر توجد مجموعة أدوات متكاملة لتنظيم الصفحات والتحويل بين الصيغ وتأمين المستندات، مبنية على Next.js 16 وReact 19 مع إدارة حالة المحرر عبر Zustand.
سوق متعدد البائعين كامل الميزات تم بناؤه كمنتج ذاتي التمويل. يستخدم هندسة Monorepo لإدارة ثلاثة تطبيقات Next.js متكاملة. يتضمن نمذجة بيانات علائقية قابلة للتوسع وسير عمل السوق الكاملة، والتجارة الإلكترونية الأساسية، وإدارة المشرفين والبائعين، وخطوط معالجة البيانات.
منصة إنتاجية SaaS كاملة الميزات للفرق الحديثة. تتضمن دردشة فورية ومجدول اجتماعات وأتمتة بالذكاء الاصطناعي ومحرر مستندات وتكامل تقويم ومصادقة قوية — كل ذلك مدعوم بـ Supabase.
تطبيق ويب لتأجير السيارات يتضمن قوائم المركبات والبحث/التصفية المتقدمة وتدفقات الحجز وواجهة مستخدم مصقولة محسّنة للتحويلات. مبني لعميل دولي عبر Upwork.
هذا الموقع. معرض أعمال بثلاث لغات (الإنجليزية والعربية والهولندية) مبني على Next.js App Router مع دعم كامل للاتجاه من اليمين إلى اليسار، وبيانات وصفية معروضة من الخادم، ونظام تصميم قائم على المكونات. المحتوى منمذج كبيانات منظمة مع طبقات نصية لكل لغة بدلاً من نصوص مكتوبة داخل الكود.
تطبيق React أحادي الصفحة لتصفح الأفلام والمسلسلات. يتضمن بيانات مباشرة من API الأفلام وتشغيل مقاطع الدعاية وتصفح الفئات والبحث.
تطبيق React لاكتشاف الألعاب — يتضمن الألعاب الرائجة وفلاتر الفئات والبحث وصفحات تفاصيل الألعاب المدعومة بـ API الألعاب.
التعليم
الخلفية الأكاديمية الرسمية والتدريب التقني
Route Academy
برنامج مكثف لمدة ستة أشهر يغطي تطوير الواجهة الأمامية والخلفية باستخدام تقنيات الويب الحديثة.
Helwan University
التواصل
منفتح على الفرص والمشاريع التي يهمّ فيها تميّز Full Stack وقابلية التوسع وتأثير المنتج. شاركني أهدافك — عادةً ما أرد خلال يوم عمل واحد.