为什么要做这个？

我一直有记待办事项的习惯，但总觉得现有的工具不太对劲。

手机上的待办软件，说实话，我经常忘记打开看。电脑上的滴答清单功能确实强大，但对我来说太复杂了，每次操作都要点好几次，感觉有点繁琐。

后来发现了”我来”这个软件，用起来特别顺手，简单直接，正是我想要的那种感觉。但可惜的是，它要收费。

ps：即使收费我也要推荐这个软件，是真的好用

想着反正自己也是做开发的，不如就自己动手做一个吧。于是这个项目就这么开始了。

技术选择

前后端都用JavaScript，这样不用切换语言思维，开发起来会顺畅很多。前端用HTML+CSS+JS的原生写法，后端用Node.js+Express，数据库选了SQLite，因为够简单，不用额外配置。

整个项目用Trae AI助手帮忙开发，不得不说有人配合确实快很多。

开发过程

开始的时候先搭了个基础框架，做了最简单的增删改查功能。能够添加任务、标记完成、删除任务这些基本操作。

然后慢慢加功能，比如任务可以设置优先级，可以分类管理，还加了搜索功能。界面上也做了些优化，让操作起来更顺手。

做到一半的时候，想到既然是管理时间的工具，不如把番茄钟也加进去吧。于是就有了25分钟专注时间的管理功能，还能和具体任务关联起来。

再后来觉得光有任务管理还不够，又加了项目管理的功能，可以同时管理多个项目，看看每个项目的进度。

最后还做了个数据统计的页面，能看看自己完成了多少任务，专注了多长时间，这样对自己的工作效率也有个了解。

遇到的问题

开发过程中还是踩了不少坑的。

最头疼的是静态资源的问题。一开始在本地开发好好的，部署到服务器上CSS和JS文件就加载不出来了。折腾了半天才发现是路径配置的问题，统一加了 /static/前缀才解决。

然后是页面跳转的问题。加了静态资源前缀后，原来的页面链接都失效了。没办法，只能给每个页面都单独配置路由，这样才恢复正常。

还有个小插曲，就是返回主页的链接有的用的是 index.html，有的是 /，搞得用户点击的时候有时能正常跳转，有时就404。后来检查了所有页面，统一改成了 /才算完事。

现在的功能

经过这些折腾，现在的功能还算比较完整了：

• 任务管理：添加、编辑、删除、标记完成，还能设置优先级和分类
• 番茄钟：25分钟专注时间，自动提醒休息，还能记录专注时长
• 项目管理：可以建多个项目，每个项目有自己的任务列表
• 数据统计：看看自己完成了多少任务，专注了多长时间，效率怎么样
• 响应式设计：手机电脑都能用，界面会自动适配

待办任务还支持通过不同的视图查看，只要手动切换就行，比如表格、看板、日历这些

整个开发过程花了46个小时，当然这中间不包括吃饭睡觉的时间。基本上就是有空就写一点，断断续续完成的。

一些感想

做这个项目最大的感受是，从自己的想法开始，到最后做出一个能用的产品，这个过程真的很让人有成就感。

特别是用Trae AI助手配合开发，效率确实高了不少。遇到问题的时候，它能很快给出解决方案，省去了很多查资料的时间。

而且自己用的东西，每个细节都能按照自己的喜好来调整。比如我觉得哪个按钮放在哪里更顺手，就放在哪里；觉得哪种颜色更好看，就用哪种颜色。这种感觉是用别人的软件体会不到的。

现在这个软件我已经在用了，确实比之前的那些待办软件更适合我。简单直接，没有多余的功能，正好符合我的需求。

如果你也想自己做个小工具，我的建议是：先从自己的需求出发，做个能解决自己问题的东西。这样既有动力，也更容易坚持下来。

毕竟，能解决自己问题的工具，才是最好的工具。

体验地址：耄耄的待办-from 枫枫

文档：使用文档 – 任务管理系统