موقع بورتفوليو شخصي ل App Developer

هذا المشروع هو موقع معرض أعمال شخصي (Portfolio) تفاعلي واحترافي خاص بـ يوسف عبد الفتاح (Youssef Abdelfatah)، وهو مطور تطبيقات iOS. إليك ملخصًا موجزًا لهيكل وتفاصيل الموقع: 1. الهوية المهنية (Developer Profile) صاحب الموقع: يوسف عبد الفتاح (مطور تطبيقات iOS، خريج علوم حاسب بمعدل 3.8/4.0، وطالب بمسار تطوير تطبيقات الهواتف الذكية في معهد ITI، بالإضافة لمشاركته السابقة في مسابقات البرمجة ICPC). الأقسام الأساسية: يضم الموقع أقساماً متكاملة تشمل الصفحة الرئيسية (Home)، السيرة الذاتية والخبرات (About)، المشاريع (Projects)، الخدمات المقدمة (Services)، صفحة اتصل بنا (Contact)، ولوحة تحكم لإدارة البيانات (Dashboard). 2. التصميم والأسلوب الفني (Retro/8-bit Aesthetics) الهوية البصرية: يعتمد الموقع على تصميم مستوحى من ألعاب الأركيد القديمة وأجهزة صخر/كمبيوتر العائلة (Retro 8-bit / NES Style) باستخدام مكتبة التنسيق NES.css و Tailwind CSS. مؤثرات تفاعلية مميزة: تأثير شاشات CRT: محاكاة للشاشات القديمة مع خطوط مسح ضوئي (Scanlines) ووميض تفاعلي خفيف في الوضع المظلم. شريط الحالة (HP & MP Bars): أشرطة طاقة تفاعلية تعبر عن الحالة البرمجية والمستويات الشخصية. رمز Konami السري: ميزة تفاعلية إضافية؛ فعند إدخال كود الألعاب الشهير (↑ ↑ ↓ ↓ ← → ← → B A) عبر لوحة المفاتيح، تظهر احتفالية مخفية (Easter Egg). عداد الإحصائيات (HUD Stats): عدادات رقمية متحركة تعرض إنجازات اللاعب (المطور). 3. البنية التقنية (Tech Stack) المكتبة الأساسية: React (مهيأ باستخدام Vite لضمان سرعة البناء والتشغيل). الحركات والانتقالات: استخدام مكتبة Framer Motion لتسهيل الانتقال بين الصفحات وظهور النوافذ المنبثقة التفاعلية (مثل Achievement Toast). إدارة البيانات: يعتمد الموقع على هيكلية ملفات موحدة عبر src/config/portfolioData.js كملف إعدادات وحيد، مما يسهل عملية تعديل البيانات الشخصية والمشاريع دون الحاجة لخوادم خارجية أو قواعد بيانات معقدة.