موقع تسوق e-commerce

تطبيق متجر إلكتروني متكامل (E-commerce) مبني باستخدام Vanilla JavaScript. يتميز النظام بصلاحيات دخول مخصصة (مدير/عميل)، وإدارة كاملة للمنتجات (CRUD)، مع الاعتماد على Local Storage لحفظ البيانات.

1. نوع العمل

تطبيق ويب لمتجر إلكتروني (E-commerce App) بنظام الصفحة الواحدة (SPA)، تم تطويره بالكامل باستخدام Vanilla JavaScript (بدون الاعتماد على إطارات عمل خارجية). يعتمد المشروع على هيكلية واضحة لفصل المنطق البرمجي عن واجهة المستخدم.

2. ميزات المشروع

نظام صلاحيات مخصص (Role-based Authentication): توفير واجهات وتجربة مستخدم مختلفة بناءً على نوع الحساب (مدير النظام Admin أو عميل Customer).

إدارة كاملة للمنتجات (Product CRUD): لوحة تحكم تتيح للمدير إضافة، عرض، تعديل، وحذف المنتجات بسهولة.

نظام سلة التسوق: إمكانية إضافة المنتجات للسلة، تعديل الكميات، وحساب الإجمالي بشكل تلقائي للعملاء.

استمرارية البيانات (Persistence): استخدام الـ Local Storage لضمان بقاء بيانات المنتجات، الحسابات، وسلة التسوق حتى بعد إغلاق المتصفح أو تحديث الصفحة.

واجهة مستخدم متجاوبة: تصميم مرن يتناسب مع مختلف أحجام الشاشات.

3. طريقة التنفيذ

الجانب البرمجي: الاعتماد على Vanilla JavaScript للتحكم في الـ DOM ومعالجة البيانات، مع استخدام HTML5 و CSS3 (أو SASS) للتنسيق.

إدارة البيانات: محاكاة قاعدة البيانات باستخدام مصفوفات (Arrays) وكائنات (Objects) يتم تخزينها وتحديثها داخل الـ Local Storage لضمان سرعة الاستجابة.

التحقق والأمان: بناء دوال برمجية للتحقق من بيانات الدخول (Validation) وتوجيه كل مستخدم للصلاحيات المسموح بها فقط.

تنظيم الكود: اتباع أسلوب الكود النظيف (Clean Code) لسهولة صيانة المشروع وتطويره مستقبلاً.