DOL English IELTS Exercise Bank - Reading

DOL English - IELTS Reading Bank (Content Profile)

Purpose

• Vấn đề: Cần profile nội dung Reading riêng, không lặp contract UI chung của bank page.
• Đối tượng chính: User luyện IELTS Reading.
• Tín hiệu thành công: User vào đúng bài Reading qua filter/list và bắt đầu attempt nhanh.

Elements / Scope

• Shared structure áp dụng từ HOME_ENG_Exercise_Bank_Shared_Structure.md.
• Reading page structure (theo thiết kế hiện tại):
  • Bank Identity Header: badge IELTS + title Luyện đề IELTS Reading + subtitle mô tả giá trị luyện đề.
  • KPI Snapshot: khối số liệu kho đề/nền tảng/trải nghiệm để tạo trust ban đầu.
  • Stats Panel: toggle Cộng đồng / Của bạn để xem nhanh dữ liệu hoạt động liên quan.
  • Filter Rail: cột trái với các nhóm filter đặc thù Reading.
  • Search + Sort: thanh tìm kiếm + sort (Mới nhất) + control view.
  • Exercise Card Grid: danh sách bài theo card với metadata, trạng thái và CTA.
• Reading filter profile (confirmed):
  • Loại đề: Đề hỗn hợp, Đề một dạng.
  • Trạng thái: Đang làm, Đã làm, Chưa làm, Đã lưu.
  • Nguồn đề: Đề Forecast, Đề Cambridge, Actual Test, OFG & PTP & Trainer.
  • Reading Passage: Passage 1, Passage 2, Passage 3.
• Card action profile:
  • not_started -> Làm bài
  • in_progress -> Làm tiếp
  • done -> Bài đã làm
  • Quick actions: lưu bài và menu thao tác phụ.
• Access channels:
  • từ Self-study Hub,
  • từ Program Landing IELTS,
  • từ discovery/program entry (discover_menu source key),
  • từ deeplink.

Logic

• Filter cập nhật trực tiếp danh sách bài Reading trong cùng page.
• Filter giữa các nhóm kết hợp để thu hẹp danh sách; trạng thái/query được giữ trong URL state.
• Click CTA card -> PRA Attempt với program=IELTS, skill=Reading.
• Nếu user pre-login bấm CTA card: đi auth-first và giữ returnTo về đúng card context.
• Khi quay lại từ PRA Result: giữ filter + search + sort + view gần nhất.
• Entry từ discovery/program entry phải mở đúng bank Reading (không qua bước chọn lại skill).

UI / Behavior

• Filter rail ưu tiên khả năng quét nhanh và chọn nhiều tiêu chí liên tiếp.
• Search dùng cho tên bài; sort mặc định Mới nhất.
• Card phải cho nhận diện nhanh trạng thái bài (mới/đang làm/đã làm) qua CTA + badge.
• Khu Cộng đồng/Của bạn chỉ đổi lớp thống kê hiển thị, không đổi cấu trúc list.
• Quay lại từ result luôn giữ context gần nhất để user tiếp tục chuỗi luyện.

Data model / API touchpoints

• Route params khi vào attempt:
  • entry_source (hub_landing | program_landing | discover_menu | direct_link)
  • program=IELTS
  • skill=Reading
  • bank_id
  • exercise_id
  • returnTo
• Query state cho list:
  • filter_profile_id=ielts_reading
  • sort_key
  • search_query
  • view_mode

References

• ../HOME_ENG_Exercise_Bank_Shared_Structure.md
• ./HOME_ENG_IELTS_Bank_00_Overview.md
• ../../HOME_ENG_Home_Navigation_Conversion_Flow.md
• ../../Self Study Programs/HOME_ENG_Program_IELTS_Landing_Pre_Login.md

Change log

• 2026-02-08: Đồng bộ profile IELTS Reading Bank theo thiết kế hiện tại (filter rail, stats panel, search/sort, card actions).
• 2026-03-26: Làm rõ discover_menu chỉ là source key legacy; UX hiện tại đọc nó như discovery/program entry.
• 2026-02-08: Bổ sung contract truy cập từ Hub, Program Landing và discovery/program entry.
• 2026-02-07: Rút gọn tài liệu Reading theo dạng content profile, kế thừa shared structure.