Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WAYD - What Are You Doing? 🤔

一个简洁优雅的定时提醒工具,帮助你保持专注和自我觉察。

✨ 功能特点

  • 自定义间隔: 设置任意分钟数的提醒间隔
  • 🌙 免打扰模式: 设置不希望被打扰的时间段
  • 📱 跨平台支持: 支持手机、Windows、Mac等所有现代浏览器
  • 💾 离线可用: PWA技术,安装后可离线使用
  • 🔔 系统通知: 支持浏览器原生通知
  • 🎨 精美界面: 现代化设计,响应式布局

🚀 快速开始

方法一: 直接在浏览器中使用

  1. 用浏览器打开 index.html 文件
  2. 设置你想要的提醒间隔
  3. 点击"启动提醒"按钮
  4. 保持浏览器窗口打开(可以最小化)

方法二: 安装为PWA应用

在Chrome/Edge浏览器上:

  1. 打开 index.html
  2. 点击地址栏右侧的安装图标(➕)
  3. 确认安装
  4. 应用将作为独立程序运行

在手机上:

  1. 用手机浏览器打开应用
  2. 点击浏览器菜单中的"添加到主屏幕"
  3. 应用将像原生App一样运行

方法三: 使用本地服务器(推荐)

# 使用Python启动简单HTTP服务器
cd c:\Users\33083\WAYD
python -m http.server 8000

然后在浏览器中访问: http://localhost:8000

📖 使用说明

基础设置

  1. 提醒间隔: 设置每隔多少分钟弹出一次提醒(1-1440分钟)
  2. 免打扰时间: 设置不希望被打扰的时间段(如睡眠时间)
  3. 启用/停止: 点击按钮控制提醒的启动和停止

提醒页面

当提醒弹出时,会显示四个反思问题:

  • 💭 我现在在做什么?
  • 🎯 这件事对我的目标有帮助吗?
  • 😊 我现在的状态如何?
  • ⏰ 是时候休息一下了吗?

你可以选择:

  • 知道了: 关闭提醒,继续工作
  • 稍后提醒: 5分钟后再次提醒

自定义提醒内容

如果想修改提醒页面的内容,可以编辑 index.html 文件中的提醒部分:

<div class="reflection-prompts">
    <div class="prompt-item">💭 你的自定义问题1</div>
    <div class="prompt-item">🎯 你的自定义问题2</div>
    <div class="prompt-item">😊 你的自定义问题3</div>
    <div class="prompt-item">⏰你的自定义问题4</div>
</div>

🎨 图标文件

为了完整的PWA体验,需要创建图标文件。你可以:

  1. 使用在线工具生成图标: https://www.pwabuilder.com/imageGenerator
  2. 创建以下尺寸的PNG图标:
    • icon-192.png (192x192像素)
    • icon-512.png (512x512像素)
    • icon.png (用于浏览器标签页)

或者暂时不添加图标,应用仍可正常使用。

🔧 技术栈

  • 纯HTML5 + CSS3 + JavaScript
  • PWA (Progressive Web App)
  • Service Worker (离线支持)
  • LocalStorage (数据持久化)
  • Notification API (系统通知)
  • Web Audio API (提示音)

💡 使用建议

  1. 番茄工作法: 设置25分钟间隔,配合工作休息循环
  2. 长时间专注: 设置60-90分钟间隔,避免过度沉浸
  3. 健康提醒: 设置30分钟间隔,提醒休息、喝水、活动
  4. 自我觉察: 每次提醒时真实回答问题,培养正念

📱 平台支持

  • ✅ Windows (Chrome, Edge, Firefox)
  • ✅ macOS (Safari, Chrome, Firefox)
  • ✅ iOS (Safari)
  • ✅ Android (Chrome, Firefox)
  • ✅ Linux (Chrome, Firefox)

🔒 隐私说明

  • 所有数据存储在本地浏览器中
  • 不收集、不上传任何个人信息
  • 完全离线运行,无需网络连接

🐛 常见问题

Q: 提醒不弹出怎么办? A: 确保浏览器允许通知权限,并且应用处于启动状态。

Q: 可以后台运行吗? A: 需要保持浏览器窗口打开(可最小化)。如果完全关闭浏览器,提醒会停止。

Q: 如何修改提醒内容? A: 编辑 index.html 文件中的 .reflection-prompts 部分。

Q: 支持多设备同步吗? A: 目前不支持,每个设备独立运行。

📄 许可证

MIT License - 自由使用、修改和分发

🤝 贡献

欢迎提出建议和改进!


享受专注的时光! 🌟

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages