قمت بتصميم وتطوير موقع شخصي (Portfolio) متكامل يعتمد على مفهوم الـ "Cyberpunk" والذكاء الاصطناعي، ليكون واجهة احترافية تعرض مشاريعي في مجال الـ AI وData Science. الموقع يتميز بتجربة مستخدم (UX) فريدة تعتمد على التفاعل البصري والأنيميشن المتقدم.
المميزات التقنية والفنية:
رسومات ثلاثية الأبعاد (3D Visualization): دمج مكتبة Three.js لإنشاء "نواة عصبية" (Neural Core) تفاعلية في الخلفية تتحرك مع حركة الماوس والتمرير (Scroll)، مما يعطي طابعاً مستقبلياً يتماشى مع تخصص الذكاء الاصطناعي.
أنيميشن وحركة متقدمة: * استخدام مكتبة GSAP لعمل عدادات رقمية (Counters) وحركات انسيابية للعناصر.
دمج مكتبة AOS لظهور العناصر بشكل تدريجي وجذاب أثناء التصفح.
نظام Typewriter لعرض التخصصات الوظيفية بشكل ديناميكي.
واجهة مستخدم ذكية (UI):
استخدام Tailwind CSS لبناء تصميم متجاوب (Responsive) تماماً يعمل بكفاءة على جميع الشاشات.
نظام Dark/Light Mode يدوي وتلقائي مع تغيير كامل في الهوية البصرية (Colors & Glow effects).
تأثير Decoder Text الاحترافي عند مرور الماوس على النصوص البرمجية.
تجربة مستخدم مخصصة (Custom Experience):
تطوير Custom Cursor يتفاعل مع العناصر القابلة للضغط.
نظام Modals (نوافذ منبثقة) لعرض تفاصيل الشهادات والمشاريع دون مغادرة الصفحة.
الأدوات والتقنيات المستخدمة:
اللغات: HTML5, CSS3, JavaScript (ES6+).
إطارات العمل: Tailwind CSS.
المكتبات: Three.js (3D Graphics), GSAP (Animation), AOS (Scroll Animate), FontAwesome/Google Fonts.
