# todoList

**Repository Path**: Panpan96/todo-list

## Basic Information

- **Project Name**: todoList
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-28
- **Last Updated**: 2025-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Modern Todo List

一个基于 Vue 3 开发的现代化待办事项应用，具有优雅的 UI 设计和流畅的交互体验。

## 功能特点

- ✨ 现代化 UI 设计
- 🌓 支持亮色/暗色主题
- 📱 响应式布局，适配各种设备
- ⚡️ 流畅的动画效果
- 📊 实时统计和进度显示
- 🔍 任务筛选功能
- 🎯 任务完成度追踪

## 技术栈

- Vue 3 - 渐进式 JavaScript 框架
- Pinia - 状态管理
- Tailwind CSS - 样式框架
- Heroicons - 图标库
- Axios - HTTP 客户端
- Headless UI - 无样式组件库

## 开始使用

### 环境要求

- Node.js >= 14.x
- npm >= 6.x

### 安装
bash
克隆项目
git clone [项目地址]
进入项目目录
cd todolist
安装依赖
npm install

启动开发服务器
npm run serve

## 项目结构
├── public/ # 静态资源
├── src/
│ ├── assets/ # 项目资源
│ ├── components/ # 组件
│ ├── stores/ # Pinia 状态管理
│ ├── App.vue # 根组件
│ └── main.js # 入口文件
├── package.json # 项目配置
├── tailwind.config.js # Tailwind 配置
└── README.md # 项目文档

## 主要功能

1. 任务管理
   - 添加新的待办事项
   - 标记任务为完成/未完成
   - 删除待办事项

2. 数据统计
   - 总任务数量
   - 已完成数量
   - 待办数量
   - 完成度百分比

3. 任务筛选
   - 查看全部任务
   - 查看待完成任务
   - 查看已完成任务

4. 主题切换
   - 支持亮色模式
   - 支持暗色模式
   - 自动跟随系统主题

## 贡献指南

1. Fork 项目
2. 创建新的功能分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 创建 Pull Request

## 许可证

[MIT License](LICENSE)