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

هذا الموقع هو موقع معرض أعمال شخصي (Portfolio) خاص بـ Steven Abualkhair (مهندس حاسوب ومدرب برمجة)، مبني بتصميم عصري ذو طابع بروتاليست (Brutalist "RawBlock") يتميز بالحدود السميكة والخطوط البرمجية الأنيقة والتأثيرات الحركية التفاعلية. إليك تفاصيل الويبسايت التقنية والهيكلية: 1. التقنيات الأساسية (Tech Stack) Next.js 16 & React 19 كإطار عمل أساسي مع لغة TypeScript. Tailwind CSS v4 لبناء وتنسيق التصميم المخصص للـ Brutalist theme. GSAP (GreenSock Animation Platform) لإضافة الحركات التفاعلية السلسة وتأثيرات ظهور المكونات أثناء التمرير (ScrollTrigger). 2. صفحات وأقسام الموقع يحتوي الموقع على 5 صفحات رئيسية مرتبطة بملف بيانات مركزي (portfolioData.ts) كالمصدر الوحيد لكل النصوص والمعلومات: الصفحة الرئيسية (/): قسم ترحيبي مع تأثير الكتابة التلقائية (Typewriter Effect) يعرض المسميات الوظيفية بشكل ديناميكي. لوحة الإحصائيات (Stats) التي تعرض أرقام الإنجازات (مثل حل 2000+ مسألة على Codeforces، والتأهل لنهائيات ECPC لخمس مرات). شريط دعوة لاتخاذ إجراء (CTA Banner) للتوجيه لصفحة الاتصال. صفحة "من أنا" (/about): نبذة تعريفية مفصلة مع تشغيل فيديو تفاعلي خلفي (steven-in-action.mp4) مغطى بتأثير شبكي بروتاليست. خط زمني للخبرات المهنية (مثل التدريب البرمجي لفرق Microsoft AIET SB و Mansoura ICPC). تفاصيل التعليم الأكاديمي مع استعراض معدل الـ GPA لكل سنة، والشهادات المحققة (من جامعة Stanford و ECPC). مصفوفة المهارات (Skills Inventory) مقسمة حسب الفئات وممثلة بنسب مئوية متحركة. صفحة المشاريع (/projects): شبكة لعرض المشاريع الهندسية والبرمجية التفاعلية مثل: مركبة التحقيق الذكية المدعومة بالذكاء الاصطناعي وإنترنت الأشياء (Intelligent Investigation Tank). سيارة التحكم عن بعد لتجنب العقبات تلقائيًا (Autonomous RC Car). نظام تتبع الشمس الذكي للألواح الشمسية (Sun Tracking Solar Panel System). صفحة الخدمات (/services): استعراض الخدمات التقنية المقدمة مثل (تصميم الخوارزميات، الأنظمة المدمجة وإنترنت الأشياء، الرؤية الحاسوبية OpenCV، التدريب البرمجي وتدريب فرق الـ ICPC، وتصميم الروبوتات). صفحة التواصل (/contact): نموذج تواصل (Contact Form) مخصص يتيح للزوار إدخال الاسم، البريد الإلكتروني، والرسالة لإرسالها مباشرة.