CommerceHub - E-Commerce Admin Dashboard (SPA)

م بناء المشروع بالكامل باستخدام لغات الويب الأساسية (Pure Vanilla JavaScript, HTML5, CSS3) بدون الاعتماد على أي مكتبات أو أطر عمل خارجية (No External Frameworks / Libraries)، مع التركيز على تقديم أفضل أداء (Performance) وأسس كود نظيفة وهيكلة برمجية مستدامة. PNG أبرز المميزات والخصائص الفنية للمشروع: تنقل ديناميكي (SPA Architecture): نظام توجيه برمجي سلس عبر الجافاسكريبت للتبديل بين شاشات اللوحة (تسجيل الدخول، إدارة المنتجات، وإعدادات الحساب) بدون إعادة تحميل المتصفح. PNG مؤشرات وأرقام حية (Dynamic Metrics): عرض ملخص إحصائي دقيق لحالة المخزون، المنتجات المتاحة، التنبيهات، ومبيعات المتجر. إدارة كاملة للمنتجات (Full CRUD Operations): إمكانية عرض، إضافة، وتعديل المنتجات عبر نوافذ منبثقة تفاعلية (Custom Modals) مصممة خصيصاً للوحة. PNG بحث وتصفية فورية (Live Search & Filtering): فلترة الجداول والمنتجات بشكل لحظي فور الكتابة في شريط البحث. حفظ البيانات محلياً (LocalStorage Persistence): ربط التطبيق بـ LocalStorage لضمان حفظ واسترجاع أي تعديلات أو منتجات تم إضافتها حتى بعد إغلاق المتصفح أو تحديث الصفحة. 🎨 تصميم عصري وتجاوبي (Responsive Design): بناء الواجهات بـ CSS Grid و Flexbox، مع دعم الأيقونات المدمجة (Inline SVG) وشعار مخصص في تابة المتصفح (Favicon) لتقديم تجربة مستخدم (UX/UI) احترافية. 🇪🇬 بيانات مخصصة للسوق المحلي (Localization): دعم كامل للعملة المحلية (الجنيه المصري EGP) وتجهيز اللوحة ببيانات تجريبية منطقية وواقعية. 🛠️ التقنيات المستخدمة (Tech Stack):Frontend: HTML5, CSS3 (Custom CSS Variables, Flexbox, CSS Grid) Logic & Scripting: Vanilla JavaScript (ES6+, DOM Manipulation, Event Delegation) State Management: Web Storage API (localStorage) Dependencies: Pure Native Code — Zero External Frameworks