Skip to content

Repository files navigation

星途自律舱

把每天的行动,养成一颗会生长的星球。

星途自律舱是一款 星球养成式自律打卡微信小程序。它不只是"点一下完成",而是围绕 制定计划 → 专注执行 → 完成打卡 → 即时奖励 → 星球成长 → 数据复盘 构建了一套完整的行动反馈闭环,让自律变得有目标、有反馈、有成长感。


用户痛点

痛点 现状 星途自律舱的解决方式
打卡即遗忘 大多数打卡 App 只有一个"完成"按钮,点完就忘,没有后续反馈 打卡后立即弹出星光结算、宝箱进度、生态解锁和成就提示,让每次完成都有感知
计划与执行脱节 计划列了一堆,但不知道什么时候做、做了多少 计划中心支持设置维度、目标量和提醒时间;执行时进入行动舱计时,记录与计划自动同步
难以专注 想学习/工作时忍不住刷手机,缺乏沉浸感 行动舱提供专注模式,计时期间全屏沉浸,结束后自动结算成果
坚持不下去 靠意志力硬撑,几天就放弃,看不到累积效果 星球从荒芜到繁荣有 9 个成长阶段,连续打卡解锁生态建筑和成就徽章,把坚持变成可视化的成长
缺乏提醒 忙起来就忘了今天的计划 每日提醒功能,按计划设定的时间推送通知,不让任何一天空白
数据散乱 不知道自己哪天做了什么、哪个维度薄弱 数据页提供热力图、维度趋势、连续天数和成就墙,支持数据导出

项目亮点

1. 专注模式 — 行动舱沉浸计时

用户制定计划后,可进入行动舱开始专注计时。行动舱提供全屏沉浸体验,覆盖学习、工作、运动等真实场景。计时结束后自动结算星光奖励并同步计划完成度,让"专注"不再是一个模糊的概念,而是一次有起止、有成果的行动。

2. 计划中心 — 制定计划,完成打卡

用户可以创建、编辑、删除自己的每日计划,为每条计划设置:

  • 归属维度(运动 / 饮食 / 学习 / 工作 / 计划 / 睡眠)
  • 具体行动内容(如"阅读 30 分钟"、"跑步 5 公里")
  • 目标量(次数 / 时长 / 距离)
  • 提醒时间

计划完成后自动归档并计入星球成长,未完成的计划会在次日提醒,形成"计划 → 执行 → 反馈"的完整链路。

3. 每日提醒 — 不让任何一天空白

每个计划可以独立设置提醒时间。到点后微信推送通知,点击直接跳转到对应计划的行动舱入口。连续打卡天数会实时显示在首页,断签会清零,激励用户保持节奏。

4. 星球成长叙事

用户首次进入时完成星球启动动画和命名仪式。之后每次行动都会让星球从荒芜逐步复苏,经历 9 个成长阶段:荒芜 → 微光 → 苔藓 → 溪流 → 森林 → 城市 → 科技 → 星际文明。每个阶段都有独立的视觉状态和生态解锁。

5. 六类生态区

六类日常行动分别对应六个独特生态区:

维度 生态区 成长内容
运动 运动绿洲 跑道、球场、健身花园
饮食 饮食花园 果园、小屋、健康餐桌
学习 学习天文台 图书馆、知识观测穹顶
工作 工作基地 办公楼、实验室、信号塔
计划 计划灯塔 航线牌、任务广场
睡眠 月光观测站 望远镜、月光花园

6. 即时奖励反馈

打卡完成后直接弹出组合反馈:

  • 星光值:每完成一项打卡获得 10-50 星光
  • 生态点亮:对应生态区出现新建筑或装饰
  • 宝箱进度:六项全部完成解锁每日宝箱
  • 成就提示:达成里程碑时弹出成就徽章

7. 数据复盘

数据页提供多维度的自我观察工具:

  • 连续打卡天数
  • 本周完成率
  • 热力图日历
  • 六维趋势曲线
  • 成就徽章墙
  • 数据导出(JSON)

8. 数据可控

昵称、星球名、目标、计划、提醒、本地数据均提供编辑或清理入口,用户可以随时重新定制自己的使用节奏。


核心流程

启动星球 → 命名星球 → 选择近期目标
  ↓
创建每日计划(设置维度 / 目标量 / 提醒时间)
  ↓
到点提醒 → 进入行动舱专注计时
  ↓
完成打卡 → 即时结算(星光 + 宝箱 + 生态 + 成就)
  ↓
星球成长 → 生态区解锁 → 数据沉淀 → 次日继续

功能模块

模块 说明
星球总览 首页展示星球名称、日期、星光、今日进度、目标状态、生态入口和下一步行动
目标体系 支持选择和清除近期目标,目标会影响首页推荐、打卡模板和行动优先级
计划中心 创建、编辑、删除计划,设置类别、行动内容、目标量、提醒时间和备注
行动舱(专注模式) 面向学习、工作、运动等真实场景,提供全屏计时、目标记录、完成结算和计划同步
打卡奖励 完成后展示星光奖励、宝箱进度、生态解锁、成就反馈和跳转入口
每日提醒 按计划设定时间推送通知,点击直达行动舱
生态区 六个维度分别对应独立生态区,按打卡次数解锁建筑、装饰和成长状态
数据页 展示今日进度、周统计、维度分布、最近记录和热力图
我的 支持昵称、星球名、提醒、数据导出、云同步说明和本地数据清理

技术实现

  • 前端:微信小程序原生框架(WXML、WXSS、JavaScript)
  • 组件planet-canvascheckin-cardprogress-ring
  • 工具层:日期处理、奖励计算、目标推荐、成就判断、生态解锁、本地存储、云同步、音效反馈
  • 数据策略:本地 Storage 优先,微信云开发异步同步;网络失败时自动降级为纯本地模式
  • 云函数loginsubmitCheckingetDashboardexportDataupdateProfilegetAssetUrl
  • 资源:小程序本地压缩资源 + 微信云存储大图/视频资源
  • 测试:Node.js Test Runner,覆盖日期工具、奖励计算、目标推荐、生态解锁、成就判断、数据统计、计划存储和本地数据清理等核心逻辑

项目结构

项目1/
├─ index.html                 # 项目展示页
├─ site-assets/               # 展示页图片、视频、样式和脚本
├─ 星途自律舱/                # 微信小程序源码
│  ├─ app.js / app.json       # 应用入口与全局配置
│  ├─ pages/                  # 页面目录
│  ├─ components/             # 自定义组件
│  ├─ utils/                  # 奖励、目标、生态、存储、云同步等工具模块
│  ├─ cloudfunctions/         # 微信云函数
│  ├─ tests/                  # 自动化测试
│  └─ assets/                 # 小程序图片、图标、音效和视频素材
├─ AUTHOR.md                  # 作者说明
├─ NOTICE.md                  # 版权与素材说明
└─ README.md                  # 项目说明

本地运行

  1. 打开微信开发者工具
  2. 导入 星途自律舱/ 目录
  3. AppID 填写 wx96fd1ee9889d6641
  4. 云开发环境选择 cloud1-d8gpkxcft4c41ea12
  5. 点击编译即可预览

测试

cd 星途自律舱
npm.cmd test

说明

本仓库用于展示和维护星途自律舱项目。代码、视觉素材和交互方案均围绕该项目整理,未提交个人私密配置、云开发密钥和大体积原始素材。

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages