E-Commerce

مشروع ElectroShop هو موقع متجر إلكتروني Front‑End بسيط لعرض وشراء المنتجات الإلكترونية، تم بناؤه باستخدام HTML وCSS وJavaScript فقط دون أي Back‑End. يقدّم الموقع تجربة تسوّق مريحة من خلال واجهة عصرية ومنظمة تضم ثلاث صفحات أساسية: صفحة المتجر لعرض المنتجات في بطاقات أنيقة مع إمكانية البحث الفوري عنها، صفحة السلة Cart التي تُمكّن المستخدم من عرض المنتجات المضافة والتحكم في عدد الوحدات لكل منتج مع حساب Subtotal والإجمالي الكلي تلقائيًا، وصفحة المفضلة Favourites لحفظ المنتجات المفضّلة واستعراضها أو حذفها بسهولة.

يعتمد المشروع على localStorage لتخزين بيانات السلة والمفضلة بحيث تبقى محفوظة حتى بعد إعادة تحميل أو إغلاق المتصفح، مع استبدال رسائل alert التقليدية بإشعارات Toast احترافية تظهر أسفل الشاشة لتأكيد عمليات الإضافة أو التنبيه في حال كان المنتج مضافًا مسبقًا. من الناحية البصرية تم استخدام تصميم متجاوب (Responsive Design) مع Navbar موحّد وأيقونات تعبّر عن هوية الصفحات (⚡ للمتجر، ? للسلة، ❤️ للمفضلة)، بالإضافة إلى بطاقات ذات حواف مستديرة وظلال لطيفة وتأثيرات Hover تعطي إحساسًا بالحيوية والاحترافية. يُعد هذا المشروع نموذجًا جيّدًا لتطبيق عملي يجمع بين التفاعل مع الـ DOM، إدارة الحالة بالـ localStorage، وتصميم واجهة استخدام حديثة وقابلة للتطوير مستقبلًا لربطها بقاعدة بيانات أو نظام إدارة محتوى ديناميكي.