智能任务看板 前端项目

项目简介

FlowBoard 是一个现代化的智能任务管理看板应用，专为高效个人任务追踪而设计。项目基于 React 18 与 TypeScript 构建，支持时间感知、多维过滤、日历快览、拖拽交互、主题切换等核心能力，所有数据本地持久化，完全离线可用。

技术栈

• 核心框架：React 18 + TypeScript
• 构建工具：Vite
• 状态管理：Zustand（含 persist 中间件，自动持久化到 LocalStorage）
• UI 组件库：Ant Design v5
• 拖拽库：@hello-pangea/dnd
• 日期处理：date-fns + dayjs
• 路由管理：React Router v6

项目演示

核心功能

✨ 智能时间感知

• 自动识别逾期任务
• 完成超过 24 小时的任务自动归档，保持看板清爽

📊 任务统计与分类

• 实时展示今日任务与总体任务完成进度
• 支持“今日任务”与“普通任务”双视图，并提供专属日历模式

🔍 多维组合过滤

• 支持按关键词、标签、优先级、任务类型等多条件自由组合筛选

🔄 流畅拖拽交互

• 基于 @hello-pangea/dnd 实现列与任务卡片的自由拖拽排序

🌙 主题切换

• 一键切换亮色 / 暗黑模式，偏好设置自动持久化至本地

🗑️ 回收站机制

• 软删除 + 彻底删除双重保障，防止误操作丢失数据

📱 多端自适应

• 桌面端与平板横屏：完整看板布局，优化列宽与交互
• 手机/平板竖屏：列折叠 + 卡片左右滑动分类，单手操作无障碍

📅 轻量日历快览

• 移动端时日期格子内嵌微型进度条，直观显示每日完成率
• 桌面端时保留标题列表，进度框背景色占比，快速浏览无压力
• 点击展开当日任务与完成情况详情

💾 完整数据导入/导出

• JSON 格式：导出/导入全部状态（任务、列、排序、过滤器、主题等）
• Markdown 格式：生成可读摘要，并在代码块中嵌入完整 JSON 数据；导入时自动解析，兼容旧版仅任务导入模式

点击上方按钮即可体验完整的项目演示！

重拾纯粹的写作