待办事项清单

使用 HTML5、CSS3 和 vanilla JavaScript 创建响应式待办事项应用程序。该应用程序应该具有现代、干净的 UI，使用 CSS Grid/Flexbox 和直观的控件。通过流畅的动画实现完整的 CRUD 功能（添加/编辑/删除/完成任务）。包括带有颜色编码和优先级（低/中/高）的任务分类。使用日期选择器组件和提醒通知添加截止日期。使用 localStorage 在会话之间保存数据。通过状态、类别和日期范围的过滤器实现搜索功能。使用 HTML5 拖放 API 添加任务的拖放重新排序。使用媒体查询通过适当的断点确保设计完全响应。包括尊重用户系统偏好的深色/浅色主题切换。添加微妙的微交互和过渡以获得更好的用户体验。