MIT Scratch

โครงการ MIT Scratch

แรงบันดาลใจจาก MIT Scratch

ปรับใช้ที่ (เดสก์ท็อปเท่านั้น): https://mit-scratch-clone-peeyush-goyal.netlify.app/

โปรเจ็กต์นี้ครอบคลุมคุณสมบัติหลักของ MIT Scratch ทั้ง 4 ส่วน

คุณสมบัติ

• ลากและวางฟังก์ชันที่คุณชื่นชอบลงในรายการ
• ย้ายฟังก์ชันระหว่างรายการ
• หากคุณต้องการลบฟังก์ชันใด ๆ ออกจาก Mid Area เพียงลากและวางรายการภายนอก
• คุณสามารถสร้างสปรินต์ได้มากเท่าที่คุณต้องการ
• เลื่อนการวิ่งไปรอบๆ พื้นที่แสดงตัวอย่างโดยใช้เมาส์
• เลือก Sprint ที่คุณต้องการรันโปรแกรม GUI ของคุณ
• สร้างรายการโปรแกรมได้มากเท่าที่คุณต้องการ
• สร้างโปรแกรมยาวๆ

ส่วนต่างๆ

• การเคลื่อนไหว

  1. เคลื่อนที่ไปในทิศทางแนวนอนและแนวตั้ง
  2. หมุน (ตามเข็มนาฬิกาและทวนเข็มนาฬิกา)
  3. ประสานงานได้เลย

• หน้าตา

  1. คุณต้องการให้สปรินต์ของคุณพูดข้อความบางอย่าง
  2. แสดงข้อความเป็นระยะเวลาหนึ่ง
  3. ความสามารถในการคิดในการวิ่ง
  4. คิดตามระยะเวลาที่กำหนด
  5. ความคิดหายไป
  6. โชว์สปรินต์
  7. ซ่อนสปรินท์

• กิจกรรม

  1. ออกอากาศข้อความ (การแจ้งเตือน)

• ควบคุม

  1. รอสักระยะหนึ่ง
  2. ทำซ้ำฟังก์ชันบางอย่างตามจำนวนครั้งที่ระบุ

เทคสแต็ค

1. ตอบโต้JS

ห้องสมุด

1. TailwindCSS
2. โนติสแต็ค
3. รีดักซ์
4. UI วัสดุ

บันทึก:

ฟังก์ชั่นเกือบทั้งหมดแนบมาพร้อมกับ การเปลี่ยนแปลง อาจมีความล่าช้าในการดำเนินการบางฟังก์ชัน ฉันรู้ว่าคุณคงจะตื่นเต้นมากที่ได้เห็นมันลงมือทำ - อดทนอีกหน่อยได้ไหม?

ห้ามคัดลอกหรือใช้เพื่อวัตถุประสงค์ทางการค้าใดๆ

ในการเริ่มต้น:

• รัน npm i เพื่อติดตั้งการพึ่งพา
• เรียกใช้ npm start และเปิด http://localhost:3000 เพื่อดูแอป