المشروع عبارة عن متجر إلكتروني مصغر (Mini E-Commerce Store) تم بناؤه باستخدام html ,CSS , bootstrap , JavaScript
تفاصيل العمل
المشروع عبارة عن متجر إلكتروني مصغر (Mini E-Commerce Store) تم بناؤه باستخدام HTML وCSS وJavaScript فقط (بدون أي إطار عمل)، ويهدف إلى محاكاة تجربة متجر إلكتروني حقيقية تتضمن تسجيل المستخدمين، عرض المنتجات، وإدارة سلة المشتريات، مع حفظ البيانات محليًا داخل المتصفح. ⚙️ المميزات الرئيسية: تسجيل الدخول والتسجيل للمستخدمين (Register / Login / Logout) مع حفظ البيانات في المتصفح. إدارة المنتجات باستخدام FakeStore API بالإضافة إلى مجموعة منتجات محلية (مثل الساعات). إدارة سلة المشتريات: إضافة، إزالة، تحديث الكمية، أو حذف جميع العناصر. وضع ليلي (Dark Mode) مع استخدام SweetAlert للتنبيهات التفاعلية. حفظ البيانات باستخدام localStorage وsessionStorage لضمان استمرار الجلسة والمعلومات. 📁 هيكل الملفات ووظائفها: register.js: مسؤول عن تسجيل المستخدمين والتحقق من صحة البيانات وتخزينها. login.js: يتولى تسجيل الدخول والتحقق من بيانات المستخدم وتفعيل الجلسة. main.js: يتحكم في الصفحة الرئيسية، يجلب المنتجات، يعرضها، يدير سلة المشتريات، الفلاتر، الوضع الليلي، وتسجيل الخروج. cart.js: يعرض عناصر السلة، يتيح تعديل الكميات، الحذف، أو إفراغ السلة بالكامل. FetchData.js: يجلب بيانات المنتجات من FakeStore API ويحتوي أيضًا على بيانات ثابتة (مثل الساعات). Alert.js: يعرض تنبيهات مخصصة عند الإضافة أو الحذف من السلة، أو أثناء التسجيل وتسجيل الدخول
بطاقة العمل
طلب عمل مماثل