让孩子通过「养宠物」爱上学习 —— 完成任务喂养宠物、积累经验进化成长。一份状态,四端协同。
作者亲自制作的项目介绍视频(约 2 分钟)。
同一套宠物养成系统,面向四类用户的四种界面,共享同一份状态、实时同步。
这是一款面向 6–12 岁儿童家庭学习场景的宠物养成激励 App。孩子完成每日学习与生活任务来喂养、进化自己的虚拟宠物;
家长负责布置与确认任务、查看成长报告;老师可以按班级布置作业并追踪完成情况;甚至还有一个儿童手表端,可以戴在手腕上随手打卡。
四个端共享同一套本地状态,改一处、全同步。
产品采用纯正向激励(只有奖励、没有惩罚),把宠物的饥饿、情绪、进化与孩子的学习行为绑定,
让孩子「为了照顾宠物而主动完成任务」。技术上是纯前端实现,用 localStorage 持久化,无需后端即可完整运行,可离线、可安装为 PWA。
从养成机制到家校协作,从无障碍到工程化,覆盖一个完整产品该有的方方面面。
每只宠物 lv1→lv8 八段成长,经验阈值驱动,高阶附带光环 / 光芒特效。
连续打卡奖励、经验里程碑、成就系统、每日登录、周挑战。
家庭(家长确认)/ 校园(完成即结算)/ 家校联合。
4 免费基础宠 + 2 会员稀有神兽(白虎/朱雀)+ 4 节日限定宠。
借鉴 Prodigy 模式:稀有宠解锁的 C 端变现设计。
口算 / 闪卡 / 计时任务,可扩展的学习模块。
键盘焦点环、减动效、44px+ 触控目标、可安装离线。
Web Crypto(SHA-256 + PBKDF2)保护家长端。
经验阈值「前期快、后期慢」,每次进化全屏庆祝并可分享,高阶神兽附带神圣光效。
核心状态 hook(useAppStore)+ 班级码共享桥,四端实时同源同步。
代码分割,应用主包 367KB → 93KB;vendor/stories 长缓存。
vitest 27 个单测全过 · ESLint 0 问题 · schema 版本迁移。
宠物图抠透明底,在浅色卡片 / 深色手表屏均自然融合。
填补「家庭端 × 强宠物养成 × 6–12 岁」的全球空白。
| 产品 | 主场景 | 宠物进化 | 家庭端 |
|---|---|---|---|
| 酷课堂宠物园 | 课堂 | 8 级 | ❌ |
| ClassDojo | 课堂 + 家庭 | ❌ 无进化 | ✅ 弱 |
| Prodigy Math | 学生(仅数学) | 进化链 | ✅ |
| Duolingo | 个人 | ❌ 无进化 | — |
| 🎯 本产品 | 家庭(全科) | 8 阶 · 10+ 种 | ✅ 核心 |