​

Buổi 01 — Thực hành: Sẵn sàng bộ công cụ

Kết thúc buổi, TaskFlow chạy trên điện thoại và bạn đã hoàn thành một vòng lặp làm việc với Claude Code.

​

Lab 1.1 — Kiểm tra công cụ

• Node.js và npm đã cài
• VS Code và Claude Code mở được
• Expo Skills đã cài cho Claude Code
• Expo Go đã cài trên điện thoại
• Các lệnh sau trả về số phiên bản

node -v
npm -v
npx expo --version

​

Lab 1.2 — Tạo project TaskFlow

Hãy tạo project React Native bằng Expo tên "taskflow", dùng Expo Router.
Sau khi tạo xong, chạy app và hướng dẫn tôi mở trên điện thoại bằng Expo Go.

​

Lab 1.3 — Dựng màn hình giới thiệu

Hãy tạo 3 màn hình giới thiệu cho TaskFlow, vuốt ngang được:
- Màn 1: "Quản lý mọi công việc" với hình danh sách nhiệm vụ.
- Màn 2: "Cộng tác cùng đội nhóm" với hình thành viên và bình luận.
- Màn 3: "Không bỏ lỡ thời hạn" với hình chuông thông báo.
Thêm chỉ báo trang, nút "Bỏ qua" và nút "Bắt đầu" để vào app chính.

​

Lab 1.4 — Tạo dữ liệu mẫu đầu tiên

Hãy tạo file data/sample-tasks.ts chứa 5 công việc mẫu cho một nhóm chuẩn bị
sự kiện. Mỗi công việc có tiêu đề, trạng thái, ưu tiên, hạn hoàn thành và
người phụ trách. Giải thích ngắn từng trường dữ liệu cho người mới.

​

Lab 1.5 — Làm quen cấu trúc project

​

Checklist hoàn thành

• Node.js và Expo chạy được
• TaskFlow mở được trong Expo Go
• Ba màn hình giới thiệu hoạt động
• Có file chứa công việc mẫu
• Đã yêu cầu AI sửa ít nhất một lần
• Đã lưu mốc Git đầu tiên

Buổi 02 sẽ dùng component và state để tạo thẻ công việc có tương tác.