نظام إنشاء باقات لأنظمة الحماية (Bundle Builder)

## نظام إنشاء باقات لأنظمة الحماية (Bundle Builder) قمت بتطوير تطبيق ويب تفاعلي يتيح للمستخدم إنشاء نظام حماية منزلي مخصص بطريقة سهلة ومنظمة من خلال خطوات متتالية، مع عرض مباشر لكافة المنتجات المختارة وتحديث الأسعار بشكل لحظي، مما يوفر تجربة استخدام سلسة واحترافية. ### أبرز مميزات المشروع: * تصميم عصري ومتجاوب يعمل بكفاءة على أجهزة الكمبيوتر والهواتف والأجهزة اللوحية. * إنشاء باقة مخصصة من خلال واجهة متعددة الخطوات (Multi-Step Builder). * تحديث فوري لسلة المنتجات مع عرض جميع العناصر المختارة أثناء التخصيص. * دعم المنتجات التي تحتوي على عدة خيارات (مثل الألوان) مع إمكانية التحكم في كمية كل خيار بشكل مستقل. * حساب إجمالي السعر، قيمة التوفير، وقيمة الدفع الشهري بشكل تلقائي. * مزامنة الكميات بين بطاقات المنتجات ولوحة المراجعة لضمان تجربة استخدام متكاملة. * حفظ اختيارات المستخدم تلقائيًا باستخدام Local Storage واستعادتها عند إعادة فتح الموقع. * بناء المشروع بطريقة مرنة تعتمد على البيانات (Data-Driven) لتسهيل إضافة أو تعديل المنتجات مستقبلًا. ### التقنيات المستخدمة: * React.js * Vite * Tailwind CSS * shadcn/ui * Context API * Local Storage يعكس هذا المشروع قدرتي على تحويل تصميمات Figma إلى تطبيقات ويب احترافية، مع الاهتمام بتجربة المستخدم، وإدارة الحالة (State Management)، وبناء واجهات قابلة للتطوير والصيانة باستخدام أحدث تقنيات React.