one.ilmsg.in.th

Chapter 02

บทเรียนสอนสร้าง TodoList Application ด้วย React, TypeScript, Firestore และ DaisyUI อย่างละเอียด:

สิ่งที่เราจะสร้าง:

แอปพลิเคชัน TodoList แบบง่ายๆ ที่สามารถ:

  • เพิ่มรายการสิ่งที่ต้องทำ (Todo)
  • แสดงรายการ Todo ทั้งหมด
  • ทำเครื่องหมายว่า Todo เสร็จสิ้นแล้ว
  • ลบ Todo ออกจากรายการ
  • ข้อมูลจะถูกจัดเก็บและซิงค์แบบเรียลไทม์กับ Firestore (ฐานข้อมูล NoSQL ของ Firebase)
  • หน้าตาแอปพลิเคชันจะสวยงามด้วย DaisyUI (ส่วนเสริมของ Tailwind CSS)