简洁高效的跨平台任务管理工具
小冋记事是一款轻量级的跨平台待办事项管理工具，使用 React18 构建前端界面，通过 Electron 29封装为桌面应用。提供了完整的任务生命周期管理：创建任务时支持设置标题、描述、优先级（高/中/低）和截止日期（日期+时间）；支持通过复选框一键切换完成状态；可随时编辑或删除任务。侧边栏提供任务统计（总数/已完成/待完成）和快速筛选（全部/待完成/已完成）。所有数据通过localStorage存储在本地，无需联网即可使用。采用响应式布局设计，在桌面和移动端均有良好表现。
项目设计
小冋记事的设计理念是「轻量、直觉、不打扰」。界面采用左右分栏布局：左侧为统计与筛选区，右侧为任务列表区，符合用户对任务管理工具的心智模型。顶部导航栏包含应用标题和新建任务入口。任务卡片清晰展示标题、优先级标签（高=红/中=黄/低=绿）、截止日期和操作按钮。模态弹窗用于新建/编辑任务，保持主界面清爽。配色简洁克制，以白色和浅灰为主色调，用红黄绿三色区分优先级，视觉层次分明。
项目架构
项目采用「前端 SPA + Electron 壳」的两层架构。前端层基于React18，使用 Vite 5 构建，通过 useState管理应用状态（任务列表、筛选条件、弹窗状态），数据持久化依赖浏览器localStorage。Electron 层负责桌面窗口管理（主进程electron/main.js），生产模式下加载 Vite 构建产物dist/index.html，开发模式下连接 Vite 开发服务器。开发时先 npm run dev启动 Vite 前端预览，再 npm run electron 启动 Electron窗口加载前端。打包使用 electron-builder 输出 Windows（NSIS 安装包）和macOS（DMG 镜像）两种格式。
技术栈
项目链接
留言区
无需登录即可留言和回复。作者登录后回复会自动带“作者”标签。