Buổi 02 — Thực hành: Dựng thẻ công việc

Kết thúc buổi, TaskFlow có thương hiệu riêng, thẻ công việc tái sử dụng và tương tác cập nhật trạng thái.

Lab 2.1 — Cài React Native Paper

Lab 2.2 — Tạo theme

Chọn tên, màu chính và logo cho app. Yêu cầu AI áp dụng theme cho nút, thanh điều hướng và tiêu đề.

Lab 2.3 — Dựng TaskCard

Lab 2.4 — Thử state

Kiểm thử hai thẻ liên tiếp và xác nhận bộ đếm đúng.

Lab 2.5 — Lưu mốc Git

Yêu cầu AI kiểm tra thay đổi và lưu mốc: Tạo theme, TaskCard và state hoàn thành.

Checklist hoàn thành

  • Paper đã được cấu hình
  • Màu và tên app được áp dụng nhất quán
  • Có bốn thẻ công việc mẫu
  • Nhãn quá hạn không chỉ dựa vào màu
  • Nút hoàn thành và bộ đếm hoạt động
  • Đã lưu mốc Git
Buổi 03 sẽ ghép các component vào hệ thống điều hướng và dashboard.