لموقع تم بناؤه ليكون أكثر من مجرد صفحة تعريفية؛ فهو يمثل تطبيقًا عمليًا للمهارات الحديثة في تطوير الواجهات الأمامية، مع التركيز على تجربة المستخدم والأداء.
أبرز التقنيات والميزات المطبقة في المشروع:
بنية أساسية قوية: تم بناء الموقع بالكامل باستخدام التقنيات الأساسية للويب (HTML5, CSS3, و JavaScript ES6)، بدون الاعتماد على أي أطر عمل خارجية مثل Bootstrap، وذلك لإظهار فهم عميق للأساسيات.
تصميم عصري ومتجاوب (Responsive Design): تم تصميم الموقع ليعمل بكفاءة على جميع الأجهزة، من شاشات سطح المكتب الكبيرة إلى الهواتف المحمولة، مع الحفاظ على مظهر أنيق وجذاب.
ثيمات متعددة (Dark & Light Modes): قمت بإضافة ميزة تبديل الثيم بين الوضعين الداكن والفاتح، مع حفظ اختيار المستخدم في الذاكرة المحلية للمتصفح (localStorage) لتحسين تجربة المستخدم عند زيارته للموقع مرة أخرى.
تفاعل ديناميكي وحركة: تم استخدام الجافاسكريبت لإضافة حركات وتأثيرات بصرية ناعمة، مثل:
ظهور الأقسام تدريجيًا عند التمرير (on-scroll animations).
تغير شفافية شريط التنقل العلوي عند الحركة ليعطي إحساسًا بالعمق.
تمرير سلس (smooth scrolling) عند الضغط على روابط التنقل.
