العودة إلى المشاريع
أنت هنا!
موقع تجريبي
موقع محفظة حديث ومتجاوب مبني بـ Next.js و TypeScript و Tailwind CSS. يتميز بحركات سلسة ووضع داكن وأداء محسّن.
Next.jsTypeScriptTailwind CSSFramer Motion
عن المشروع
مشروع محفظة شامل مصمم لعرض خبرة هندسة الجودة بأسلوب حديث. الموقع ليس مجرد بطاقة تعريف، بل مثال بحد ذاته على الاهتمام بالتفاصيل والأداء وإمكانية الوصول الرقمي. يعتمد أحدث تقنيات نظام React لضمان أداء سريع وتجربة مستخدم ممتازة.
الميزات الرئيسية
- تدويل ديناميكي (i18n)
- قائمة أوامر متقدمة (CMD+K)
- تحسين Core Web Vitals
- تصميم متجاوب مع الوضع الداكن
التحديات التقنية
التحدي الرئيسي كان بناء موقع تفاعلي للغاية (رسوم Framer Motion) مع الإبقاء على خفة الوزن وإمكانية وصول عالية (WCAG AA). جانب آخر كان أتمتة الترجمة مع الحفاظ على الاتساق السياقي.
تصيير خادمي عبر Next.js App Router
نظام تصميم متجاوب
حركات متقدمة عبر Framer Motion
SEO وأداء أولاً
الكود