في هذا المشروع قمت بتصميم وتطوير متجر إلكتروني تفاعلي للأحذية الرياضية تحت اسم "SportStep"، مع التركيز الكامل على بناء واجهة تطبيق قوية من الناحية البرمجية، تعتمد على كود جافا سكريبت منظم، أداء لحظي، وتجربة تسوق سلسة وعصرية.
تم تطوير المشروع باستخدام HTML5 و JavaScript، مع الاعتماد الكلي على Tailwind CSS لبناء واجهة مستخدم (UI) جذابة، مرنة، وسريعة الاستجابة.
ركّزت بشكل كبير على تحسين تجربة المستخدم (UX) من خلال تنفيذ ميزات متجر إلكتروني متكامل برمجياً، مثل نظام Routing مخصص للتنقل بين الصفحات (الرئيسية، المنتجات، سلة الشراء) دون إعادة تحميل الصفحة، بالإضافة إلى برمجة سلة شراء (Shopping Cart) ذكية تحفظ بيانات المستخدم محلياً (LocalStorage)، ونظام فلترة للمنتجات (Filtering Logic)، وإشعارات تفاعلية (Toast Notifications)، وكل ذلك تم تنفيذه بكود نظيف يضمن سرعة الأداء.
المتجر متجاوب بالكامل (Fully Responsive) وتم تنفيذه باستخدام أدوات Tailwind المتقدمة (Grid & Flexbox) لضمان عمل التصميم بكفاءة ومثالية على جميع الشاشات. تم الاهتمام بأدق التفاصيل مثل القوائم الجانبية للموبايل (Mobile Menu)، وتأثيرات التفاعل (Hover Effects)، والوضع الليلي (Dark Theme) الذي يعطي طابعاً رياضياً فخماً.
