موقع ملف أعمال شخصي
مميز
من تنفيذ يوسف سالم حسن
01
نظرة عامة

ملف أعمال ثنائي اللغة بـ Next.js (العربية RTL والإنجليزية) يضم دراسات حالة للمشاريع والخدمات والمقالات والشهادات
02
التحدي
يحتاج ملف الأعمال الشخصي إلى أكثر من سيرة ذاتية ثابتة: يجب أن يعرض المشاريع والأدلة ومسارات التواصل وبنية صديقة لمحركات البحث ضمن واجهة سريعة وقابلة للصيانة.
03
الحل
بنيت ملف الأعمال أولاً بـ Flutter Web، ثم أعدت بناءه بـ Next.js App Router مع next-intl (العربية RTL والإنجليزية) وTailwind CSS ودراسات حالة لكل مشروع بمعارض صور وصفحات خدمات ومقالات وشهادات وصور OG مولدة وبيانات منظمة وخريطة موقع مع hreflang واختبارات Playwright شاملة.
التقنيات المستخدمة
9اللغات
TypeScript
المنصات
Flutter Web
الأدوات والتسليم
Vercel
التجربة والواجهة
Next.jsReactTailwind CSS
أخرى
next-intlPlaywrightSEO
04
أبرز النتائج
- يعمل على youssefsalem.dev بالعربية والإنجليزية: دراسات حالة للمشاريع بمعارض صور، مع الخدمات والمقالات والشهادات.
- كل تغيير يمر بفحص الأنواع والتدقيق واختبارات Playwright الشاملة قبل نشره على Vercel.
- أنشأت مركزا قابلا للنشر للهوية المهنية يجمع المشاريع والمهارات والشهادات والقصة المهنية في مكان واحد.
05
لقطات الشاشة والمعرض
الصفحة الرئيسية
٤ صورصفحات الموقع
صورتانعرض الجوال
صورتانمشاريع أخرى
- مجموعة الجواد — نظام تشغيل الخدمات الميدانيةنظام واحد لشركة إدارة مرافق في الرياض: تطبيق للعملاء وتطبيق للتشغيل ولوحة إدارة وموقع للشركة وواجهة Laravel، بالعربية أولًا.
- الاتصال 92 — موقع المنتجموقع تسويقي بالعربية أولًا والإنجليزية لاشتراك مركز اتصال سحابي: عشرة أقسام من الموجز التسويقي ولقطات حقيقية من التطبيق والأسعار وصفحتا الخصوصية والشروط التي تطلبها متاجر التطبيقات.
- CRM تكنولوجيا 92 — المبيعات وخط العملاءنظام CRM داخلي للمبيعات في تكنولوجيا 92: العملاء وفرص لينكدإن وعروض الأسعار ولوحة متابعة حية، بالعربية أولًا، مبني على Laravel وNext.js.