时间花费者 v1

Source: Dev.to

我构建的内容

Time Spender v1 是终极的生产力反工具。它是一个网页应用，只有一个高度优化的目的：恰好浪费你一分钟的生命。

你点击按钮，盯着一幅令人着迷的宇宙艺术作品，它在 60 秒内缓慢放大并模糊，然后等待。计时结束后，你会收到一阵彩纸庆祝，表彰你在毫无意义的事上花费了时间。这是“时间裹挟艺术”。

为了让它成为集体行为，应用内置了实时全局计数器，追踪全人类共同在此屏幕上浪费的总分钟数。

演示

必须亲自体验才能明白它是怎么运作的。试试看，浪费一分钟吧：

在线演示：
https://ai.studio/apps/bd1c40d0-af8c-43be-b37e-2cd50f293dc0

GitHub

https://github.com/AlexSheff/Time-Waster-v1

代码

该项目完全在 Google AI Studio 中构建。核心逻辑围绕一个 React 计时器和 Firebase 实时连接。

// The core "wasting" logic
const recordWastedTime = async () => {
  const docRef = doc(db, 'stats', 'global');
  await updateDoc(docRef, {
    totalMinutesWasted: increment(1)
  });
};

构建方式

• 前端框架： 使用 Vite 的 React，提供快速、现代的开发环境。
• 样式： Tailwind CSS，用于打造时尚的暗黑模式 UI，让浪费时间看起来更高端。
• 动画： motion/react（Framer Motion）实现流畅的 UI 过渡以及艺术作品上那令人痛苦的 60 秒放大/模糊效果。
• 后端 / 数据库： Firebase Firestore。实时监听器（onSnapshot）同步全局计数器，原子递增（increment(1)）确保每一分钟的浪费在全球范围内准确计入且不会出现竞争条件。
• 庆祝效果： canvas-confetti 在你成功“一无所获”时提供讽刺的彩纸爆炸效果。

奖项类别

社区最爱 —— 因为在一个痴迷于生产力、奋斗文化以及在更短时间内做更多事的世界里，我们都需要一个专门的空间来集体实现彻底的虚无。它通过共同刻意浪费时间的体验把人们聚拢在一起。