Food Ingredients Analyzer

مرحبا اريد مشروع React يدخل فيها المستخدم مكونات أي أكلة، والموقع يطلع له السعرات و الـMacros بشكل مبسط. 🔸 تاسك 1 – Ingredients Input Page اسم الصفحة: ingredients.html المطلوب: فورم يكتب فيه المستخدم المكونات خط تحت الثاني. مثال: 100g chicken 1 cup rice 1 tbsp olive oil زر “Analyze”. 🔸 تاسك 2 – Simple Nutrition Logic اسم الصفحة: logic.js المطلوب: تعمل Object جاهز فيه أكثر مكونات شائعة، مثل: 100g chicken = 165 calories / 31g protein 1 cup rice = 200 calories / 45g carbs 1 tbsp olive oil = 119 calories / 14g fat بمجرد المستخدم يضغط Analyze: تجمع السعرات. تحسب (Protein / Carbs / Fat) الإجمالية. 🔸 تاسك 3 – Results Page اسم الصفحة: results.html المطلوب: عرض النتائج بشكل Card مرتب: Total Calories Total Protein Total Carbs Total Fat إضافة Graph بسيط (Progress bars) لكل Macro. زر “Back” للرجوع.