online-store

مشروع Simple Online Store هو تطبيق ويب تفاعلي تم تطويره باستخدام JavaScript وHTML5 وCSS3، ويهدف إلى محاكاة تجربة تسوق إلكتروني كاملة من اختيار المنتجات وحتى إتمام عملية الشراء.

يتيح المشروع للمستخدمين تصفح المنتجات المعروضة في شكل بطاقات تحتوي على صورة المنتج، الاسم، السعر، ووصف مختصر، مع إمكانية عرض تفاصيل أعمق لكل منتج تشمل وصف طويل ومعرف المنتج وخيارات الإضافة إلى سلة المشتريات.

تم تصميم نظام Shopping Cart بشكل ديناميكي يسمح للمستخدم بإضافة المنتجات وتعديل الكميات بشكل مباشر، مع تحديث فوري لإجمالي السعر بناءً على الكمية والأسعار.

كما يدعم المشروع تجربة مستخدم كاملة تشمل:

التنقل بين صفحات (Landing Page, Products, Product Details, Cart)

إدارة سلة المشتريات بشكل تفاعلي

حساب الإجمالي تلقائيًا حسب الكميات

إتمام الطلب مع توليد رقم تأكيد (Order Confirmation)

إمكانية إلغاء الطلب وإعادة تعيين السلة

تم تحسين المشروع ليكون أكثر احترافية من خلال:

تصميم واجهة مستخدم نظيفة وسهلة الاستخدام

فصل واضح بين منطق البيانات (Inventory) وواجهة العرض

تحسين تجربة المستخدم (UX) أثناء التنقل بين الصفحات

دعم التفاعل الديناميكي بدون إعادة تحميل الصفحة

كما يمكن توسيع المشروع بسهولة ليشمل ميزات احترافية مثل:

إدارة المخزون (Stock validation)

حساب الضرائب ورسوم الشحن

حفظ بيانات الطلبات

ربط البيانات بملف خارجي أو API