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