Buổi 06 — Thực hành: Chi Tiết Sản Phẩm & Tìm Kiếm

Kết thúc buổi: khách xem được chi tiết từng sản phẩm rau củ và tìm kiếm gõ đến đâu lọc đến đó.

Lab 6.1 — Dựng trang chi tiết sản phẩm đầy đủ

Nâng cấp trang chi tiết tạm ở buổi 5 thành trang hoàn chỉnh:
Kiểm thử: bấm nhiều sản phẩm khác nhau, xem có hiện đúng từng món không.

Lab 6.2 — Nút số lượng hoạt động

Lab 6.3 — Làm ô tìm kiếm thông minh

Lab 6.4 — Kiểm thử tìm kiếm kỹ lưỡng

Thử từng tình huống, tick khi đạt:
  • Gõ “rau” → hiện các loại rau
  • Gõ “RAU” (hoa) → vẫn ra kết quả như “rau”
  • Gõ “ca rot” (không dấu) → ra “Cà rốt”
  • Xóa hết chữ → hiện lại các từ khóa gợi ý
  • Gõ “xyz123” → hiện thông báo không tìm thấy tử tế
Chỗ nào chưa đạt, báo AI sửa.

Lab 6.5 — Yêu thích & chia sẻ

Danh sách yêu thích sẽ hiện ở tab Tài khoản — buổi này tạm lưu tạm, buổi sau (giỏ hàng) và buổi 8 (Firebase) sẽ hoàn thiện việc lưu trữ.

Lab 6.6 — Lưu mốc

Checklist hoàn thành

  • Trang chi tiết đầy đủ, hiện đúng sản phẩm được bấm
  • Nút số lượng - / + hoạt động
  • Nút “Thêm vào giỏ” cố định đáy màn hình
  • Tìm kiếm lọc ngay khi gõ, tìm được cả không dấu
  • Có gợi ý từ khóa và thông báo không tìm thấy tử tế
  • Yêu thích & chia sẻ hoạt động
  • Đã lưu mốc Git
Khách giờ có thể tìm và tìm hiểu kỹ từng sản phẩm. Buổi sau: cho họ bỏ vào giỏ và tính tiền!