NAS、键盘、路由器······年轻就要多折腾。爱折腾的熊猫，今天又给大家分享最近折腾的内容了。关注是对我最大的支持，阿里嘎多~

怕错过熊猫的精彩分享？那就赶快关注下熊猫吧！

引言

五一劳动节肯定是劳动最光荣了！节假日出去玩虽然时间多，但实际上大部分时间都花在了路上，甚至等你堵了一路到了景点，抬头看的是前人的腚，而回头碰的又是后人的脚，还不如在家劳动。

为了小朋友能参与到劳动最快乐中来，五一期间熊猫写了个小项目用来作为小朋友的奖励机制，用游戏化的方式来让小熊猫有参与感和成就感，顺带再设置一些奖励激励，项目熊猫也已经开源，感兴趣的可以去github搜索Panda-995/StarKids。

项目预览

因为是设计小朋友的项目所以我采用了双端路由，小朋友有小朋友自己的前端界面，而家长也有自己的后台管理界面，同时两者都是独立账号，也不能互相干扰对方的路由。

账号注册会让你选择是家长还是小朋友，选择好账号再选择对应的角色就可以登录。

首先看家长的后台管理界面。仪表盘能看到目前家庭下的小朋友、任务、待审核内容以及累计的积分情况，还会显示近期的任务和小朋友与她领养的宠物状态。

通知消息就不用说了，就是会显示需要家长审批的内容等通知。往下能看到家庭成员情况，初始是没有家庭的，需要创建，创建好之后小朋友就可以通过输入邀请码来加入指定的家庭。

任务管理中能看到任务列表，同时也可以将任务分配给指定的小朋友。在新建任务界面可以设置名称、图标、分类、类型以及获得积分等等，如果是日常任务那么每天都会存在，也可以设置挑战任务和一次性任务，同时任务可以选择是否由家长审核才算通过。

再往下是积分规则，这里可以选择开启周末双倍和生日三倍奖励，同时也可以设置积分的重置模式，支持月、年和学期，也可以选择不清零。

通过任务完成的积分就能在积分商城中兑换东西，积分商场支持多种类型的内容，例如玩具、零食、特权、体验（游乐场游玩之类的）、零花钱等等，可以设置对应的兑换积分、库存以及限购数量。

成就系统预设了一些成就，同时也可以创建新的成就，完成成就可以获得对应的积分奖励。

最后在统计分析中能看到近30天的数据情况，支持查看单个小朋友和全部小朋友。

接下来是小朋友的界面，小朋友的界面能看到对应的任务，在完成任务之后点击一下就行，如果是自动通过的就会自动获得，否则就会通知家长进行审批。

完成任务有了积分就能去积分商场兑换礼物了，积分兑换会消耗现有的积分，同时积分兑换会交由家长审批，审批通过才算兑换完成。

宠物界面则是养成行为，可以选择领养宠物，设置了多个宠物，每天可以进行互动，同时也可以通过完成成就或者任务解锁服装。

最后在首页能看到当天的情况和当前的积分数量，整个界面其实非常简单，毕竟熊猫家的小朋友也才4岁，过于复杂其实不方便理解。

项目部署

部署也并不难，Docker的部署需要用到postgres作为数据库，所以熊猫使用了compose，至于项目镜像已经构建好了，支持x86和arm双结构，可以根据系统选择对应的标签就行，x86为latest，arm就选arm。

♾️ text 代码:

services:
  app:
    image: ghcr.io/panda-995/starkids:${IMAGE_TAG:-latest}
    container_name: starkids-app
    restart: unless-stopped
    ports:
      - "3000:3000"
    environment:
      - NODE_ENV=production
      - DATABASE_URL=postgresql://starkids:starkids@db:5432/starkids
      - AUTH_SECRET=${AUTH_SECRET:-change-me-to-a-random-secret-in-production}
      - AUTH_URL=${AUTH_URL:-http://localhost:3000}
      - NEXT_PUBLIC_APP_URL=${NEXT_PUBLIC_APP_URL:-http://localhost:3000}
      - EMAIL_SERVER_HOST=${EMAIL_SERVER_HOST:-smtp.resend.com}
      - EMAIL_SERVER_PORT=${EMAIL_SERVER_PORT:-465}
      - EMAIL_SERVER_USER=${EMAIL_SERVER_USER:-resend}
      - EMAIL_SERVER_PASSWORD=${EMAIL_SERVER_PASSWORD:-}
      - EMAIL_FROM=${EMAIL_FROM:-StarKids <noreply@starkids.app>}
    depends_on:
      db:
        condition: service_healthy
    networks:
      - starkids-network

  db:
    image: postgres:17-alpine
    container_name: starkids-db
    restart: unless-stopped
    environment:
      - POSTGRES_USER=starkids
      - POSTGRES_PASSWORD=starkids
      - POSTGRES_DB=starkids
    volumes:
      - pgdata:/var/lib/postgresql/data
    ports:
      - "5432:5432"
    healthcheck:
      test: ["CMD-SHELL", "pg_isready -U starkids -d starkids"]
      interval: 5s
      timeout: 5s
      retries: 5
    networks:
      - starkids-network

volumes:
  pgdata:
    driver: local

networks:
  starkids-network:
    driver: bridge

详细的内容可以在项目开源地址中去查看，这里熊猫就不多说了。

写在最后

整个项目大部分都是通过AI写的，只能说AI是真的好啊，得用！

项目设计代码量不算大，主要是人为的其实就是架构和双用户端的设计，其他都是AI生成了，总计代码量7500行，实际熊猫古法编程的就1000不到吧。

以上便是本次分享的全部内容了。如果你觉得还算有趣或对你有所帮助，不妨点赞收藏，最后也希望能得到你的关注，咱们下期见！