متجر إلكتروني متكامل لبيع الأحذية الرياضية (Elite Strikers)

-تم تصميم وتطوير واجهة أمامية (Front-End) لموقع تجارة إلكترونية متخصص في بيع أحذية كرة القدم الاحترافية، بتصميم عصري

(Dark Theme) يركز على تجربة المستخدم والأداء العالي. الموقع يحاكي تجربة الشراء الكاملة بدءاً من تسجيل الدخول وصولاً إلى إدارة سلة المشتريات.

-المميزات الرئيسية للمشروع:

نظام المصادقة (Authentication System):

صفحات تسجيل دخول (Login) وإنشاء حساب (Sign Up) كاملة.

التحقق من صحة البيانات (Form Validation).

إدارة جلسات المستخدمين (User Sessions) لعرض بيانات المستخدم المسجل في الـ Navbar وحماية الصفحات (Redirect لغير المسجلين).

عرض المنتجات ديناميكياً (Dynamic Rendering):

جلب وعرض المنتجات من ملف JSON خارجي باستخدام JavaScript.

تصميم بطاقات منتجات (Cards) احترافية تعرض الصورة، السعر، العلامة التجارية، والتقييم.

نظام تصفية متقدم (Filtering) حسب الماركة، السعر، ونوع الأرضية (Ground Type).

شريط بحث حي (Live Search) لتصفية المنتجات فورياً أثناء الكتابة.

-سلة التسوق الذكية (Smart Cart System):

إضافة المنتجات للسلة وحفظها في التخزين المحلي (LocalStorage) لضمان بقائها بعد تحديث الصفحة.

سلة خاصة لكل مستخدم: يتم فصل سلة المشتريات بناءً على البريد الإلكتروني للمستخدم (User-specific Data)، بحيث يرى كل مستخدم منتجاته الخاصة فقط.

حساب تلقائي للمجموع الفرعي والإجمالي (Dynamic Calculation).

إمكانية تعديل الكميات أو حذف المنتجات بضغطة زر.

-التصميم والتجاوب (UI/UX):

تصميم "Elite Dark Theme" مميز وجذاب باستخدام CSS (بدون إطارات عمل جاهزة).

موقع متجاوب بالكامل (Responsive) يعمل بكفاءة على جميع الشاشات (موبايل، تابلت، ديسك توب).

استخدام أيقونات Material Symbols وتأثيرات بصرية (Hover Effects) لتحسين التفاعل.

التقنيات المستخدمة:

HTML5: لبناء هيكلية الموقع الدلالية.

CSS3: للتنسيق المتقدم، Flexbox، Grid System، والأنيميشن.

Vanilla JavaScript (ES6+): لكتابة المنطق البرمجي بالكامل (DOM Manipulation, Fetch API, LocalStorage Logic).

JSON: لإدارة بيانات المنتجات.