暑假开始了,想着可以让孩子在暑假中,能得到乐趣,也能养成好的习惯。搜索了很多小程序或者app,发现免费的有广告,没广告的不免费。于是我就运用ai帮我写代码,再经过@魔女库伊拉 的文章启发,写成了这个网页版的成长积分银行。
下面我来介绍下成长积分银行:
它是一个专为家长设计的轻量级积分激励工具,帮助孩子在暑假期间养成良好习惯、完成每日任务。纯前端单页应用,无需安装,打开即用。
一、功能特点
1、🎯 多孩子管理:支持多个孩子,每人独立积分账户
2、📋 每日任务:按分类展示任务,点击完成即可获得积分
3、⚠️ 行为提醒:不良行为可扣分,帮助孩子改正坏习惯
4、📝 每周复盘:每周总结反思,完成可获得额外奖励积分
5、🎁 积分兑换:设置奖励项目,孩子可用积分兑换
6、📜 积分记录:完整记录每一次积分变动
7、💾 数据备份:支持一键备份和还原数据
8、📱 响应式设计:手机、平板、电脑都能完美显示
9、🔒 本地存储:所有数据保存在浏览器本地,安全隐私
二、如何使用
方式一:直接打开(推荐)
下载 index.html文件到电脑,
双击用浏览器(推荐 Chrome / Edge)打开,
开始使用!
方式二:手机使用
将 HTML 文件发送到手机,
用手机浏览器打开,
可以添加到桌面,像 App 一样使用。
🔗获得链接👇🏻
1️⃣关注
2️⃣私信【银行】
三、功能模块说明
1.👶孩子管理
适配多孩家庭。
点击「+点击添加小朋友」添加孩子;每个孩子定义可爱的动物头像;点击孩子卡片可切换当前选中的孩子;点击卡片右上角的 ✕ 可删除孩子(会清空积分记录)。
2.🌟 积分卡片
大字体显示当前总积分,进度条显示距离 200 分的进度,显示距离下一等级还需多少积分。
3.📋 每日任务
按分类展示:学习力、实践力、运动力、自控力。
点击「完成」按钮获得积分,可撤销;点击「+ 添加任务」可添加自定义任务;支持新建自定义分类;任务完成状态按日期记录,每天独立。
4.⚠️ 今日提醒
列出需要扣分的不良行为。
点击「提醒」按钮扣分(有确认弹窗),支持撤销扣分,返还积分;点击「+ 添加提醒」可添加自定义提醒项。
5.📝 每周复盘
每周可完成 1 次复盘
5 个复盘维度:
✨ 最棒的事
⚡ 遇到的困难
📌 下周调整
💚 家长看见的进步
🤝 希望的支持
完成复盘奖励 20 积分
支持编辑和删除(删除会扣回奖励积分)
6.🎁 积分兑换
列出可兑换的奖励,积分足够时可兑换,扣除对应积分,积分不足时按钮禁用。
点击「+ 添加奖励」可添加自定义奖励
7.📜 积分记录
显示最近 20 条积分变动记录,正数绿色(加分),负数红色(扣分),按时间倒序排列。
8.💾 数据管理
备份数据:导出 JSON 文件到本地保存。
还原数据:从 JSON 文件导入,覆盖现有数据。
四、
使用建议
和孩子一起设定规则:让孩子参与任务和奖励的设定,更有动力;
及时打卡:每天固定时间(比如睡前)一起完成打卡;
正向激励为主:多鼓励、少扣分,保护孩子的积极性;
定期复盘:每周一起做复盘,帮助孩子反思和成长;
奖励要兑现:兑换的奖励一定要及时兑现,建立信任;
备份数据:每周备份一次数据,防止意外丢失。
如果觉得我的内容能让你有所收获,欢迎关注公众号【世间拾遗】。 让我们一起在育儿和近视防控的路上互帮互助。
夜雨聆风