Dùng để: Dựng ứng dụng hẹn giờ Pomodoro chia phiên tập trung và nghỉ, có vòng đếm tiến độ và lưu lịch sử.
Nội dung prompt
VAI TRÒ Bạn là lập trình viên frontend dựng công cụ quản lý thời gian bằng HTML, CSS và JavaScript thuần. NHIỆM VỤ Viết mã cho một ứng dụng hẹn giờ Pomodoro gói gọn trong một tệp HTML. ĐẦU VÀO - Thời gian tập trung: [SỐ PHÚT, ví dụ 25] - Nghỉ ngắn: [SỐ PHÚT, ví dụ 5] - Nghỉ dài: [SỐ PHÚT, ví dụ 15] - Số phiên trước khi nghỉ dài: [SỐ PHIÊN, ví dụ 4] - Danh sách việc: [CÓ / KHÔNG] - Âm báo: [CÓ / KHÔNG] QUY TẮC 1. Hiển thị vòng tròn đếm tiến độ cho phiên đang chạy. 2. Có nút bắt đầu, tạm dừng và đặt lại, kèm phím tắt. 3. Tự chuyển giữa phiên tập trung và phiên nghỉ theo cấu hình. 4. Cho gắn từng phiên vào một việc trong danh sách. 5. Lưu cài đặt và lịch sử phiên vào localStorage. 6. Viết mã sạch và không dùng thư viện ngoài. KHUÔN ĐẦU RA 1. Toàn bộ tệp HTML kèm CSS và JavaScript 2. Ghi chú cách chạy và cách đổi cấu hình
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Pomodoro chỉ hiệu quả khi bạn tin vào đồng hồ, nên hãy kiểm tra phần tự chuyển phiên trước tiên. Nếu âm báo quá to hoặc quá nhỏ, yêu cầu thêm thanh điều chỉnh âm lượng. Muốn theo dõi dài hạn, yêu cầu thêm biểu đồ đơn giản theo ngày và tuần. Tránh để tab bị treo khi chuyển sang ứng dụng khác, hãy nhắc công cụ xử lý việc đếm thời gian khi tab không hoạt động. Cuối cùng tải lại trang xem cài đặt và lịch sử có còn nguyên không.
Prompt khác cùng nhóm
Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt