Shuffle – موقع شركة خدمية عصري باستخدام SASS و JavaScript تفاعلي

مشروع Shuffle هو موقع ويب متكامل لشركة خدمات رقمية تم تطويره من الصفر بتصميم عصري وتجربة مستخدم سلسة. يهدف الموقع إلى عرض خدمات الشركة وفريق العمل ومعرض الأعمال بطريقة جذابة وسريعة التصفح عبر جميع الأجهزة. تم بناء المشروع باستخدام HTML5 وSASS مع Bootstrap 5 وBootstrap Icons لتصميم واجهة احترافية ومتجاوبة، مع اعتماد BEM Methodology لتنظيم الكود وتحسين سهولة الصيانة. استخدمت أدوات تطوير حديثة مثل Node.js وNPM Scripts لأتمتة المهام (تحويل SASS، ضغط الملفات، إضافة البادئات التلقائية، وتشغيل خادم التطوير)، بالإضافة إلى مكتبة AOS لإضافة تأثيرات الحركة أثناء التمرير. من ناحية التفاعل، تمت إضافة JavaScript Vanilla لميزات ديناميكية مثل: - شريط تنقّل متجاوب للهواتف. - زر الصعود لأعلى يظهر عند التمرير. - سلايدر تلقائي للحركة المستمرة. - مراقبة العناصر عبر Intersection Observer لإضافة تأثيرات ذكية عند الظهور. مميزات المشروع: - تصميم متجاوب وسهل الاستخدام على مختلف الأجهزة. - تنظيم الكود باستخدام منهجية BEM وSASS. - واجهات متحركة باستخدام AOS. - تحسين تجربة المستخدم بأكواد JavaScript تفاعلية. - أتمتة كاملة لعمليات التطوير باستخدام Node.js وnpm-run-all.