Buổi 03 — Bài tập về nhà

Bài 1 — Hoàn thiện dữ liệu dashboard

Đảm bảo dữ liệu có đủ trạng thái, ưu tiên và hạn để mọi thống kê đều có ý nghĩa.

Bài 2 — Màn hình tạo công việc dạng modal

Nút FAB ở tab Công việc hiện chưa mở được gì. Thêm một route mới hiển thị dạng modal (trượt từ dưới lên, che cả thanh tab):
Kiểm tra:
  • Bấm FAB → modal trượt lên, thanh tab bị che
  • Bấm Đóng → về lại tab Công việc
  • Mở một công việc có sẵn → vẫn vào đúng màn hình chi tiết, không bị nhầm với /task/new
Expo Router ưu tiên route tĩnh task/new.tsx hơn route động task/[id].tsx, nên /task/new luôn mở modal. Điều này cũng có nghĩa là không công việc nào được có id là new.

Bài 3 — Vẽ bản đồ route của TaskFlow

Vẽ (trên giấy hoặc bằng khối text) cây thư mục app/ hiện tại của bạn. Cạnh mỗi file, ghi đường dẫn màn hình tương ứng (/, /tasks, /task/123…). Sau đó đối chiếu với AI:

Bài 4 — Kiểm thử bộ lọc kết hợp

Thử tìm kiếm theo từ khóa trong từng trạng thái. Ghi lại kết quả mong muốn khi không có công việc phù hợp.

Bài 5 — Mô tả chi tiết công việc

Viết 5–7 câu mô tả màn hình task/[id]. Cần có mô tả, người phụ trách, trạng thái, ưu tiên, hạn, tiến độ, bình luận, tệp và lịch sử thay đổi.

Bài 6 — Kiểm tra dashboard trên màn hình nhỏ

Chụp ảnh trên điện thoại và ghi lại vị trí khó đọc hoặc khó bấm.
Buổi 04 bạn sẽ biến màn hình chi tiết thành nơi cập nhật và theo dõi công việc, và làm form tạo công việc trong modal task/new.