Prio.Space：任务番茄钟习惯一体化效率应用

项目简介

Prio.Space 是一款把任务管理、番茄钟计时、习惯追踪和实时协作整合到一起的生产力应用，追求现代、美观的界面与顺滑的动画体验。项目基于 Next.js、React 与 Framer Motion 构建，代码以 MIT 协议开源。

除了在浏览器中直接使用，iOS、iPad 与 Mac 版本也已在 App Store 上架。

• 在线使用：https://prio.space/home
• App Store：https://apps.apple.com/us/app/prio-space/id6752712865

主要功能

任务管理

• 创建、编辑和管理任务与习惯
• 支持子任务，把复杂任务拆成可执行的小步骤
• 用自定义颜色的分类整理任务
• 完成任务时带顺滑动画，移动端支持长按完成手势
• 普通任务与习惯分区展示

任务共享

• 基于 WebRTC 的点对点任务共享
• 初始握手后无需服务器中转即可实时同步
• 可与团队成员实时共享任务与进度

番茄钟计时

• 可选的计时预设：5、10、25、50 分钟
• 实时倒计时与动画展示，支持超时继续计时
• 带自动切换的休息计时器，并记录专注时长
• 音乐播放器式的播放 / 暂停 / 停止控制

习惯追踪

• GitHub 贡献图风格的 30 天习惯历史
• 月度视图与强度可视化
• 逐个习惯的每日打卡网格与进度分析

界面与数据

• 底部抽屉式弹窗设计，多套主题可无缝切换
• 响应式布局，适配移动端与桌面端，支持深色 / 浅色模式
• 数据导出 / 导入备份，基于本地存储持久化
• 带随机名言的启动页

安装与使用

环境要求

• Node.js 18+
• npm 或 yarn

本地运行

git clone https://github.com/anoyrc/priospace.git
cd priospace
npm install
npm run dev

启动后访问 http://localhost:3000。

启动 WebRTC 信令服务器（使用协作功能时需要）

cd webrtc-server
npm install
npm run start

信令服务器默认端口启动，使用点对点协作前需保证它正在运行；生产部署时可在 webrtc-server/server.js 中调整服务器配置，并配置 CORS、使用 PM2 等进程管理工具与 HTTPS。

基本操作

• 新建任务：点击「Add Task」，输入标题，可选或新建分类，需要时添加子任务后保存。
• 使用计时器：选择任务后挑选 5 / 10 / 25 / 50 分钟的预设，用播放 / 暂停 / 停止 / 休息按钮控制。
• 记录习惯：从底部导航进入习惯追踪，添加习惯并点击网格方块打卡，查看 30 天可视化进度。
• 数据管理：在设置中切换主题与明暗模式、导出 JSON 备份或导入历史数据。

注意事项

• 该应用以浏览器本地存储保存数据，换设备或清理浏览器数据前建议先导出备份。
• 点对点任务同步依赖 WebRTC 信令服务器，未启动服务器时无法使用协作功能。
• 项目使用 Next.js 15、React 19、TypeScript、Tailwind CSS、shadcn/ui 与 Framer Motion 构建，二次开发时建议遵循其组件与动画风格。

---

本作品整理自 GitHub 开源项目 AnoyRC/priospace，原作者 @AnoyRC。中文介绍由 AI 根据项目 README 整理，以原仓库为准。