Frontend

Mục tiêu

Implement/sửa UI đúng theo framework và convention đã có sẵn trong project hiện tại, không áp đặt stack cố định.

Quy trình

Bước 1 — Nhận diện stack của project

1. Đọc package.json để biết framework (React/Vue/Svelte/Angular/Next/Nuxt hoặc HTML/JS thuần) và bundler (Vite/Webpack/CRA...).
2. Tìm cách project hiện tại gọi API (fetch wrapper, axios instance, React Query/SWR hook, service layer riêng) — tái dùng, không viết cách gọi API mới song song.
3. Tìm hệ thống style đang dùng (CSS module, Tailwind, styled-components, SCSS, class thuần) và theme/token màu sắc nếu có.

Bước 2 — Theo convention hiện có

1. Đặt component/hook mới cùng chỗ và cùng cấu trúc với các component tương tự đã có trong project.
2. Tái dùng component dùng chung (button, input, modal...) thay vì viết lại từ đầu.
3. Nếu project chưa có frontend nào (thư mục trống/mới) → hỏi user muốn dùng framework gì trước khi khởi tạo, đừng tự chọn.