prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Danh sách Việc cần làm (Todo List)

Xây dựng ứng dụng quản lý việc cần làm đáp ứng với giao diện hiện đại

F
@f
about 5 hours agolúc 15:32 30 tháng 10, 2026
Vibe Coding•JavaScriptHTMLCSS
1

Nội dung

Tạo một ứng dụng quản lý việc cần làm (todo app) đáp ứng bằng HTML5, CSS3 và JavaScript thuần (vanilla JavaScript). Ứng dụng cần có giao diện hiện đại, gọn gàng sử dụng CSS Grid/Flexbox với các điều khiển trực quan. Triển khai đầy đủ chức năng CRUD (thêm/sửa/xóa/hoàn thành công việc) với hiệu ứng chuyển động mượt mà. Bao gồm phân loại công việc kèm mã màu và các mức độ ưu tiên (thấp/trung bình/cao). Thêm ngày đến hạn với thành phần chọn ngày (date-picker) và thông báo nhắc nhở. Sử dụng localStorage để lưu giữ dữ liệu bền vững giữa các phiên làm việc. Triển khai chức năng tìm kiếm với các bộ lọc theo trạng thái, danh mục và khoảng thời gian. Thêm tính năng kéo và thả để sắp xếp lại thứ tự công việc bằng HTML5 Drag and Drop API. Đảm bảo thiết kế đáp ứng hoàn toàn với các điểm ngắt (breakpoints) phù hợp bằng media queries. Bao gồm nút chuyển đổi chủ đề tối/sáng tôn trọng tùy chọn hệ thống của người dùng. Thêm các tương tác vi mô (micro-interactions) và hiệu ứng chuyển cảnh tinh tế để nâng cao trải nghiệm người dùng (UX).

Bình luận (0)