ValueMyTime

用可视化的方式衡量你的时间价值。支持“工作”和“摸鱼”两种模式，分开计时与收益统计，并可在设置页选择预设配色方案。

产品主页

功能特性

• 预设主题配色选择（工作/摸鱼分别配色）
• 工作与摸鱼模式分开计时与今日收益统计
• 本地持久化保存设置与每日数据
• 简洁的设置流程：年收入、工作时长与工作天数

快速开始

• 环境要求：Node.js >= 18
• 安装依赖：
  • 使用 pnpm: pnpm install
  • 或使用 npm: npm install
• 启动本地开发：
  • 使用 pnpm: pnpm dev
  • 或使用 npm: npm run dev
• 默认访问地址：http://localhost:3000（若被占用，Next.js 会自动切换端口）

主要页面

• /setup 设置页：
  • 输入年收入、每日工时、每年工作日
  • 选择预设主题（工作/摸鱼主色）
• /timer 计时页：
  • 切换“工作/摸鱼”模式
  • 实时显示模式下的计时与收益，数据按模式独立保存

技术栈

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS

项目结构（简要）

app/
  setup/
    page.tsx        // 设置页入口
  timer/
    page.tsx        // 计时页入口
components/
  setup/SetupClient.tsx
  timer/TimerClient.tsx
lib/
  storage.ts        // 本地存储封装（按模式分开）
  themes.ts         // 预设主题配置
public/images/image.png  // 产品主页截图

许可

此项目采用 MIT 许可证开源。