تطبيق ويب تفاعلي للبحث وعرض وصفات الطعام (FoodApp)

تم تطوير تطبيق ويب للبحث عن وصفات الطعام وعرضها بطريقة سهلة وجذابة. يهدف التطبيق إلى مساعدة المستخدمين في العثور على وصفات متنوعة واستعراض تفاصيلها بسهولة. يتميز التطبيق بالخصائص التالية:

واجهة بحث بسيطة: يتضمن شريط بحث علوي يسمح للمستخدمين بإدخال اسم الطعام أو المكونات التي يبحثون عنها.

عرض بطاقات الوصفات: يتم عرض نتائج البحث أو الوصفات المقترحة على شكل بطاقات جذابة، تحتوي كل بطاقة على صورة للوصفة، اسمها، وزر "View Recipe" (عرض الوصفة).

تفاصيل وصفة شاملة: عند اختيار وصفة معينة، يتم عرض تفاصيلها في جزء مخصص من الشاشة. تشمل هذه التفاصيل:

صورة كبيرة للوصفة.

اسم الوصفة.

معلومات إضافية مثل: وقت الطهي (مثلاً "55 Minutes")، عدد الحصص (مثلاً "Serves 8")، نوع الوصفة (مثلاً "Non-vegetarian").

تكلفة تقديرية للوجبة (مثلاً "$ 3.00 per serving").

قائمة المكونات (Ingredients) مع الكميات.

تعليمات التحضير (Instructions) مرقمة وواضحة.

تصميم نظيف ومرتب: يتميز التطبيق بتصميم بسيط يركز على المحتوى (الوصفات) ويسهل على المستخدمين التنقل وقراءة المعلومات.

تفاعلية: يمكن للمستخدمين التفاعل مع التطبيق من خلال البحث والنقر على بطاقات الوصفات لعرض التفاصيل.

التقنيات المستخدمة (مستنتجة):

React

HTML, CSS, JavaScript.

استخدام API لجلب بيانات الوصفات.

تم نشره على Netlify.

الهدف من المشروع:

توفير منصة سهلة الاستخدام لعشاق الطهي للبحث عن وصفات جديدة، واستعراض مكوناتها وطريقة تحضيرها بشكل مفصل وواضح.

ملاحظات إضافية:

التطبيق يركز على وظيفة البحث وعرض الوصفات. يمكن تطويره ليشمل ميزات إضافية مثل حفظ الوصفات المفضلة، تقييم الوصفات، أو إنشاء قوائم تسوق بناءً على المكونات.