习惯追踪应用开发

开发一个基于HTML5/CSS3/JS的响应式习惯追踪应用,包含习惯创建、打卡系统、数据分析和游戏化元素,支持多视图切换、数据可视化和PWA安装。

个人生活技术游戏2026-02-23
提示词内容

构建一个基于HTML5、CSS3和JavaScript的习惯追踪应用。具体要求如下:

  1. 界面设计
  • 采用简洁UI布局
  • 提供日/周/月视图切换功能
  • 实现响应式设计(适配所有设备)
  1. 核心功能模块
  • 习惯创建系统
  • 支持设置执行频率(每日/每周等)
  • 提醒功能配置
  • 目标设定与进度追踪
  • 连续打卡系统
  • 可视化打卡进度条
  • 里程碑达成特效
  • 连续记录标识
  1. 数据分析功能
  • 详细数据统计面板
  • 动态进度图表生成
  • 行为模式可视化分析
  • 时段分布热力图
  • 趋势变化折线图
  1. 管理功能
  • 习惯分类标签系统
  • 日历日程集成
  • 支持iCal等标准协议
  • 数据备份方案
  • 导出CSV/JSON格式
  • 云端同步接口预留
  1. 交互增强
  • 游戏化元素
  • 成就系统
  • 虚拟奖励机制
  • 数据可视化
  • 使用Chart.js/D3.js等库
  • 生成环形图/柱状图
  1. 技术要求
  • 前端架构
  • 采用模块化JavaScript
  • 使用LocalStorage暂存
  • 实现SPA路由切换
  • 样式规范
  • 符合CSS3动画标准
  • 适配Dark Mode
  • 确保WCAG可访问性
  1. 扩展接口
  • 预留REST API对接点
  • 设计插件架构
  • 支持PWA安装 复制提示词
习惯追踪应用开发 | aime 导航