قمت بتطوير تطبيق ويب ديناميكي لعرض وصفات الطعام من مختلف دول العالم باستخدام TheMealDB API. يتيح التطبيق للمستخدم استكشاف الوصفات حسب الفئة، البحث بالاسم أو الحرف الأول، عرض تفاصيل الوصفة كاملة، مع إمكانية حفظ الوصفات في قائمة المفضلة باستخدام localStorage لتبقى محفوظة حتى بعد إغلاق المتصفح.
ما الذي يحتوى عليه؟
عرض الوجبات حسب التصنيفات (مثل: Seafood, Dessert, Beef...)
- بحث متقدم
- بالاسم
- أو بالحرف الأول
- عرض كامل لتفاصيل الوصفة (المكونات + خطوات التحضير + صورة الطبق)
- إضافة إلى المفضلة (وتخزينها محليًا حتى بعد إغلاق المتصفح)
- حذف من المفضلة بسهولة
- تصميم متجاوب بالكامل لجميع الأجهزة
- واجهة حديثة وسهلة الاستخدام
التقنيات المستخدمة
HTML / CSS
JavaScript (ES6)
TheMealDB REST API
LocalStorage