Todo List prompt
Coding33.4K
原生JS打造的现代待办事项网页
A modern responsive todo app in vanilla JavaScript
Full prompt
使用 HTML5、CSS3 和原生 JavaScript 创建一个响应式待办应用。应用应使用 CSS Grid/Flexbox 拥有现代、简洁的 UI 和直观的控件。实现完整的 CRUD 功能(添加/编辑/删除/完成任务),带平滑动画。包含带颜色编码和优先级(低/中/高)的任务分类。添加带日期选择器组件和提醒通知的截止日期。使用 localStorage 在会话间持久保存数据。实现带状态、分类和日期范围筛选器的搜索功能。使用 HTML5 拖放 API 添加任务的拖放重新排序。使用媒体查询确保设计完全响应式,具有适当的断点。包含尊重用户系统偏好的深色/浅色主题切换。添加细微的微交互和过渡以提升用户体验。
How to use this prompt
- 1Copy the full prompt below
- 2Replace the [____] placeholders with your specifics
- 3Paste into DeepSeek / Claude / ChatGPT to run