diff --git a/README.md b/README.md
index 2be24eb..8c2ca8d 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,32 @@
 # Vue
-This is a Vue test on school.
\ No newline at end of file
+
+<p align="center">
+  <img src="https://github.com/Dichgrem/Vue/blob/main/todos/view.png" width="300">
+</p>
+
+## 概述
+
+这是一个基于 **Vue 3 + Pinia** 的轻量级待办事项 (Todo) 项目，具有以下功能：
+
+* 添加/删除/编辑待办事项
+* 按照全部 / 未完成 / 已完成进行筛选
+* 拖拽排序待办事项
+* 一键清除已完成事项
+* 本地存储 (`localStorage`) 数据持久化
+* 控制台打印操作日志，便于调试
+
+
+## 结构
+
+```
+.
+├── App.vue              # 根组件，管理整体状态和方法
+├── main.js              # 项目入口
+├── stores/todo.js       # Pinia 状态管理，存储 todos 数据和操作方法
+├── components
+│   ├── TodoHeader.vue   # 输入框和添加功能
+│   ├── TodoList.vue     # 待办事项列表，支持编辑和拖拽排序
+│   └── TodoFooter.vue   # 底部统计、筛选和清除已完成
+├── assets               # 静态资源（CSS/图片）
+└── style.css            # 全局样式
+```
diff --git a/todos/view.png b/todos/view.png
new file mode 100644
index 0000000..8c5f5d2
Binary files /dev/null and b/todos/view.png differ