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:
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.