返回项目列表

每日待办 Web 应用

把 Obsidian 里单调的勾选体验,做成带有庆祝动效的轻量待办:实用之外,也保留一点乐趣。

每日待办 Web 应用 - 预览 1

01 / 04

项目介绍

我平时使用 Obsidian 管理任务,但单纯的复选框略显枯燥,于是在业余时间做了一个极简待办 Web 应用。功能保持克制,只包含添加、删除和完成任务;界面与动效则更轻快,在添加和完成时提供明确的正向反馈,让清单不再显得沉重。它兼具基础实用性与实验性质,重点是探索更有愉悦感的任务交互。

分类
娱乐 · 个人实验
角色
个人项目 · 前端与交互

技术栈与项目特点

ReactTypeScriptTailwind CSS待办动效个人项目Obsidian

我的职责

  1. 定义单日待办的最小产品边界,规划清单状态、空态、添加与完成反馈。

  2. 使用 React 与 TypeScript 实现任务添加、删除、完成和列表状态管理。

  3. 编排视觉反馈与动效,并针对常见桌面和移动端尺寸调整交互与布局。

关键亮点

  1. 将添加与完成动作设计为轻量正向反馈,让重复操作更有节奏和愉悦感。

  2. 主动限制功能范围,把实现精力集中在核心操作、状态清晰度和交互质感上。

  3. 把动效和样式组织为可复用片段,便于在其他轻量界面中延续相同反馈模式。

成果

在极简功能边界内完成可用且有情绪反馈的待办体验,兼顾桌面与移动端,并沉淀可复用的状态反馈、动效与样式片段。

每日待办 Web 应用 | Daily Todo Web App