portfolio

تصميم "Dark-Mode" مطلق؛ حيث تسيطر درجات الأسود الفحمي (Obsidian Black) على كامل المساحة، مع تباين حاد جداً باستخدام خطوط باللون الأبيض النقي (Pure White) للعناوين، ودرجات رمادية ناعمة (Silver) للنصوص الفرعية. اللمسة العصرية تكمن في استخدام "توهج خفيف" (Glow Effect) خلف العناصر الرئيسية باللون الأحمر الداكن، ليخلق عمقاً بصرياً (Depth) يوحي بالفخامة والاحترافية التقنية.

البنية التقنية (Tech Stack Identity):

الأساس: React.js مع TypeScript.

الوصف التقني: تم بناء المشروع بالكامل معمارية "Component-Based" صارمة، حيث يضمن TypeScript أمان البيانات وتجربة تطوير (Developer Experience) خالية من الأخطاء. استخدام نظام "Type-Safe" في ربط البيانات (Data Fetching) يجعل الموقع مستقراً للغاية ويمنع تعارضات الـ "Runtime Errors" التي تظهر في المشاريع المعتمدة على الـ AI أو القوالب الجاهزة.

الأداء: الاعتماد على الـ "Static Generation" لضمان سرعة تحميل فائقة، مع الحفاظ على تفاعلية عالية بفضل إدارة الحالة (State Management) المتقدمة.

تجربة التصفح (User Experience):

تصفح انسيابي: التنقل داخل الموقع لا يشبه تصفح صفحات الويب التقليدية، بل يشبه التنقل داخل نظام تشغيل متطور؛ حيث تتحرك المكونات بسلاسة (Smooth Transitions) دون إعادة تحميل الصفحة (SPA - Single Page Application).

التفاعل البصري: عند تمرير المؤشر فوق أي "بطاقة مشروع" (Project Card)، تظهر تفاصيل تقنية دقيقة تظهر براعتك في TypeScript، مثل أنواع البيانات المستخدمة أو التحديات البرمجية التي واجهتها وحللتها.

الوضوح الجمالي: التصميم يعتمد على مبدأ "Less is More"؛ لا توجد عناصر مشتتة، التركيز الكامل هو على محتوى المشاريع، حيث يتم عرض أعمالك كـ "قطع فنية" داخل إطارات سوداء أنيقة.

ما يميز هذا العمل (The Edge):

هذا ليس "موقعاً"، بل هو "إثبات كفاءة". الشخص الذي يتصفح هذا الموقع يدرك فوراً أنك لست مجرد مبرمج يكتب كوداً، بل مهندس برمجيات (Software Engineer) يهتم بأدق تفاصيل الـ "Type Safety" والأداء (Performance)، وهذا هو الفرق الجوهري بين المطور المحترف وبين أي شخص يستخدم أدوات الذكاء الاصطناعي لإنشاء واجهات فارغة المضمون.