تصميم وبرمجة صفحة هبوط تفاعلية لمطعم سعودي فاخر مع سلة تسوق ذكية

السلام عليكم ورحمة الله، أقدم لكم أحدث أعمالي في تطوير واجهات المستخدم، وهو عبارة عن صفحة هبوط (Landing Page) تفاعلية ومتكاملة لمطعم سعودي فاخر، تم تصميمها وتطويرها من الصفر لتقديم تجربة مستخدم استثنائية تجمع بين الفخامة والسهولة. المشروع ليس مجرد تصميم، بل هو تطبيق ويب تفاعلي (Single Page Experience) يعتمد على تقنيات Frontend الحديثة لتقديم وظائف التجارة الإلكترونية كاملةً داخل المتصفح. 🌟 أبرز مميزات المشروع: 1. تجربة تسوق متكاملة (Shopping Experience): -سلة تسوق ذكية: إضافة وحذف المنتجات، التحكم في الكميات، وحساب الإجمالي تلقائياً في الوقت الفعلي. -نظام المفضلة (Wishlist): إمكانية حفظ الأطباق المفضلة والوصول إليها بضغطة زر. -حفظ البيانات (LocalStorage): سلة التسوق والمفضلة تحتفظ بمحتوياتها حتى بعد إغلاق المتصفح أو تحديث الصفحة، مما يضمن عدم ضياع طلبات العميل. 2. قائمة طعام ديناميكية (Interactive Menu): -نظام فلترة لحظي (Live Filtering) لتصنيف الأطباق (رئيسية، مقبلات، حلويات، إلخ) بدون إعادة تحميل الصفحة. -عرض جذاب للأطباق مع الصور والأسعار والتفاصيل. 3. أداء عالي وتجاوب كامل (Responsive & Fast): -تطوير بنهج Mobile-First لضمان عمل الموقع بكفاءة تامة على الجوالات، التابلت، والشاشات الكبيرة. -قائمة جانبية (Sidebar) سلسة للجوال وسلة التسوق. -نظام إشعارات "Toast" تفاعلي لتنبيه المستخدم عند إضافة منتج للسلة. 🛠️ التقنيات المستخدمة: -HTML5 & CSS3: لبناء الهيكل والتصميم بتأثيرات بصرية متقدمة. -Vanilla JavaScript (ES6+): لكتابة منطق التطبيق بالكامل (بدون الاعتماد على مكتبات ثقيلة) لضمان السرعة والخفة. CSS Variables: لسهولة إدارة نظام الألوان والتصميم. -تخزين بيانات المستخدم محلياً.