الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

مولد وصفة عشوائي

هذا تمرين تطبيق React لتغطية هدفين تعليميين:

  • جلب وعرض المعلومات من مصدر بيانات خارجي باستخدام React
  • استخدم السنانير المتفاعلة عند الضرورة لإدارة الحالة ودورة الحياة

وصف

سيعرض هذا التطبيق عددًا من الوصفات العشوائية للمستخدم ، باستخدام API spoonacular

التقنيات

  • رد فعل (JavaScript)

تم bootstrapped هذا المشروع مع إنشاء تطبيق React.

ابدء

للبدء ، استنساخ هذا الدليل وتثبيت الغزل إذا لم يكن لديك بالفعل.

في دليل المشروع ، يمكنك تشغيل:

yarn install

قم بإعداد بيئتك لتشغيل التطبيق ، وتثبيت أي تبعيات مطلوبة

yarn start

يدير التطبيق في وضع التطوير.
افتح http: // localhost: 3000 لمشاهدته في المتصفح.

سيتم إعادة تحميل الصفحة إذا قمت بإجراء تعديلات.
سترى أيضًا أي أخطاء في وحدة التحكم في وحدة التحكم.

تخطيط

الوظيفة

  • عرض 1 وصفة عشوائية للمستخدم
  • تتضمن الوصفة: العنوان ، الصورة ، وقت الإعدادية ، الاعتمادات ، الملخص ، المأكولات
  • يمكن للمستخدم النقر على رابط لعرض الوصفة في نافذة جديدة
  • يمكن للمستخدم النقر لرؤية وصفة أخرى
  • المكافأة: يمكن للمستخدم تغيير عدد الوصفات التي يريدون رؤيتها
  • المكافأة: لا توجد وصفات مرئية حتى ينقر المستخدم أولاً
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل