(01) — نبذة
عن المشروع
SMASH موقع مطعم برجر بطابع بروتالي جريء، مبني بـ HTML و CSS و JavaScript فقط. يعتمد التصميم على خطوط خام عالية التباين وألوان حمراء جريئة على الأسود، تعكس شخصية علامة لا تقبل أنصاف الحلول. يضم الموقع قائمة طعام تفاعلية مع فلترة حسب الفئة، وسلة طلبات تعمل مع إدارة الأصناف، وقسماً لمعرض الصور، ورحلة طلب كاملة تدعم الأكل في المطعم والتوصيل والاستلام.
(02) — المزايا
ماذا يقدّم
قائمة تفاعلية وفلترة
قائمة الطعام تُعرض ديناميكياً بـ JavaScript مع فلاتر للفئات — برجر، وأطباق جانبية، ومشروبات، ووجبات — وإضافة للسلة من كل صنف.
سلة الطلبات
سلة جانبية منزلقة مع التحكم بالكمية، وحذف الأصناف، وحساب المجموع مباشرة، وعدّاد ثابت في القائمة العلوية.
معرض الصور
معرض صور طعام بنظام الشبكة مع طبقات تظهر عند المرور، يعرض البرجر وأجواء المطبخ بطابع تحريري خام.
رحلة الطلب
تجربة طلب كاملة بثلاثة أوضاع: في المطعم، والتوصيل، والاستلام — لكل وضع حقوله الخاصة وتحقق من المدخلات.
(03) — التقنيات
التقنيات المستخدمة
HTML5
CSS3
JavaScript
CSS Grid & Flexbox
CSS Animations
Google Fonts