Yummy Meals Web Application

قمت بتطوير تطبيق ويب لعرض وصفات الطعام باستخدام JavaScript وBootstrap مع الاعتماد على TheMealDB API لجلب البيانات بشكل ديناميكي.

يحتوي التطبيق على قائمة تنقل جانبية تتيح للمستخدم البحث عن الوجبات بالاسم أو بالحرف الأول، بالإضافة إلى استعراض الوجبات حسب التصنيفات (Categories) أو المناطق (Area) أو المكونات (Ingredients).

يعرض التطبيق 20 وجبة في كل مرة مع إمكانية الضغط على أي وجبة لعرض تفاصيلها الكاملة مثل الصورة، التعليمات، التصنيف، المنطقة، المكونات، وروابط المصدر والفيديو على YouTube.

كما يحتوي الموقع على نموذج تواصل (Contact Form) يعتمد على Regex Validation للتحقق من صحة البيانات قبل تفعيل زر الإرسال.

تم تصميم الواجهة باستخدام Bootstrap مع دعم كامل للتصميم المتجاوب