موقع شخصي ابداعي

مشروع ZPortfolio (محاكي نظام تشغيل ويب احترافي)

تطوير شريط مهام (Dock) فيزيائي متطور: قمت ببرمجة شريط مهام يحاكي نظام macOS باستخدام مكتبة GSAP. اعتمدت على معادلات رياضية (Exponential Decay) لتحقيق تأثير "عين السمكة" (Fisheye) عند مرور الماوس بسلاسة تامة، مع الحفاظ على أداء ثابت بمعدل 60 إطار في الثانية (FPS) حتى مع تداخل النوافذ.

بناء هيكلية إدارة حالات معقدة (State Architecture): صممت نظاماً مركزياً لإدارة النوافذ باستخدام Zustand. ساعد هذا النظام في إلغاء عملية تمرير البيانات المرهقة (Prop-drilling) بنسبة 100%، مما أتاح تتبع حالة وموقع وعمق أكثر من 5 نوافذ تعمل في وقت واحد بدقة متناهية.

واجهات تفاعلية تعتمد على حركة المستخدم: قمت بتطوير واجهة ترحيبية ذكية تستخدم "الخطوط المتغيرة" (Variable Fonts). تترجم الواجهة إحداثيات مؤشر الماوس لحظياً لتغيير وزن الخط (Font Weight) بين 100 و 900، مما يخلق تجربة بصرية حيوية وفريدة.

تحسين كفاءة الكود وإعادة الاستخدام: نجحت في تقليل تكرار الكود بنسبة 40% من خلال ابتكار مكون برمجى من نوع (Higher-Order Component) أسميته Windowwrapper. هذا المكون يوحد خصائص السحب (Draggable)، وترتيب الطبقات (Z-index)، ومنطق التحكم في جميع تطبيقات النظام.

محاكي طرفية (Terminal) متطور: بنيت مكوناً يحاكي "الترمينال" يدعم خطوط Nerd Fonts لتقديم تجربة مشابهة لأنظمة Linux الاحترافية.

تحسين الأداء وسرعة التحميل: قمت بتحسين استهلاك الموارد للملفات الثقيلة (كالصور والخلفيات) باستخدام تقنيات Lazy Loading ومعالجة ملفات الـ PDF عبر Worker Threads. أدى ذلك لتسريع وقت استجابة الموقع (TTI) بنسبة 30% بالرغم من ضخامة بيئة العمل.