Why

这是一个简洁的专注计时器网站，项目的灵感来源于我的个人经历 —— 做事情时总是很难开始，开始后也很难结束，后来偶然看到这个背景音乐打开之后,真的沉浸下来干了两个小时，原来的音乐是在YTB上，过一会就被暂停没办法控制，因此花了一天时间就把这个脑子中的想法完成了。

What

  • 平静的森林背景
  • 专为ADHD设计的背景音乐
  • 没有任何打扰极简计时

How

前端架构

  • Next.js 14: 现代React框架，提供出色的性能
  • TypeScript: 类型安全，提升开发体验
  • Tailwind CSS: 实用优先的CSS框架

核心特性

  • 客户端渲染优化
  • 流畅的动画效果
  • 音频控制集成
  • 跨设备一致体验

开发动机

作为一个ADHD人群，我深刻理解传统计时器对我们的局限性：

  • 过于复杂的界面 容易分散注意力
  • 缺乏环境营造 难以进入专注状态
  • 操作步骤繁琐 影响使用体验

ADHDFocus正是为了解决这些痛点而诞生的。

项目结构

ADHDFocus/
├── app/              # Next.js 应用目录
├── components/       # React组件
├── lib/             # 工具库
├── types/           # TypeScript类型定义
├── public/          # 静态资源
└── package.json     # 项目配置

致谢

背景音乐来源于"Study with Me: Cozy Cabin"，仅用于个人学习目的。如有版权问题，请通过GitHub Issues联系我。