قمت بتطوير متجر إلكتروني متكامل من الصفر باستخدام HTML وCSS وJavaScript بدون أي مكتبات أو أطر عمل خارجية، وذلك لإبراز مهاراتي في بناء واجهات المستخدم والتفاعل مع البيانات بشكل ديناميكي. المتجر يتميز بتصميم عصري، تجربة مستخدم سلسة، وتنظيم احترافي للصفحات والمكونات.
المميزات الرئيسية:
صفحة رئيسية جذابة: تعرض أحدث المنتجات في بطاقات (cards) بتصميم متجاوب.
تفاصيل المنتج: صفحة مخصصة لعرض تفاصيل كل منتج بشكل ديناميكي عند الضغط على زر "عرض التفاصيل".
سلة التسوق: إمكانية إضافة المنتجات إلى السلة، تعديل الكمية، حذف العناصر، وعرض السعر الإجمالي.
نظام الطلبات: حفظ الطلبات وعرضها في صفحة مخصصة للمستخدم.
لوحة تحكم بسيطة (اختياري): إدارة المنتجات والمستخدمين من خلال واجهة إدارية.
واجهة متجاوبة: تعمل بكفاءة على جميع الأجهزة (كمبيوتر - تابلت - موبايل).
تنظيم الكود: فصل الملفات (HTML / CSS / JS) مع كتابة كود نظيف ومعلق ليسهل التعديل لاحقًا.
التقنيات المستخدمة:
HTML5: لبناء هيكل صفحات المتجر.
CSS3: لتنسيق الصفحات وتحقيق تصميم جذاب واستجابة مرنة.
️ JavaScript (Vanilla): للتفاعل مع البيانات، إضافة المنتجات للسلة، التنقل بين الصفحات، والتعامل مع الـ API الوهمية.