หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เครื่องกำเนิดสูตรสุ่ม

นี่คือแบบฝึกหัดแอพตอบสนองเพื่อครอบคลุมวัตถุประสงค์การเรียนรู้สองประการ:

  • ดึงข้อมูลและแสดงข้อมูลจากแหล่งข้อมูลภายนอกโดยใช้ React
  • ใช้ hooks react ในกรณีที่จำเป็นในการจัดการสถานะและวงจรชีวิต

คำอธิบาย

แอพนี้จะแสดงสูตรสุ่มจำนวนหนึ่งให้กับผู้ใช้โดยใช้ Spoonacular API

เทคโนโลยี

  • React (JavaScript)

โครงการนี้ถูก bootstrapped ด้วยแอป Create React

เริ่มต้น

ในการเริ่มต้นใช้งานโคลนไดเรกทอรีนี้และติดตั้งเส้นด้ายหากคุณยังไม่มี

ในไดเรกทอรีโครงการคุณสามารถเรียกใช้:

yarn install

ตั้งค่าสภาพแวดล้อมของคุณเพื่อเรียกใช้แอพติดตั้งการพึ่งพาที่จำเป็นใด ๆ

yarn start

รันแอพในโหมดการพัฒนา
เปิด http: // localhost: 3000 เพื่อดูในเบราว์เซอร์

หน้าจะโหลดซ้ำหากคุณทำการแก้ไข
คุณจะเห็นข้อผิดพลาดผ้าสำลีในคอนโซล

การวางแผน

ฟังก์ชั่น

  • แสดงสูตรสุ่ม 1 สูตรให้กับผู้ใช้
  • สูตรรวมถึง: ชื่อ, รูปภาพ, เวลาเตรียมการ, เครดิต, สรุป, อาหาร
  • ผู้ใช้สามารถคลิกลิงก์เพื่อดูสูตรในหน้าต่างใหม่
  • ผู้ใช้สามารถคลิกเพื่อดูสูตรอื่น
  • โบนัส: ผู้ใช้สามารถเปลี่ยนจำนวนสูตรอาหารที่ต้องการดู
  • โบนัส: ไม่สามารถมองเห็นสูตรอาหารได้จนกว่าจะมีปุ่มคลิกของผู้ใช้ก่อน
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด