Thanks to visit codestin.com
Credit goes to github.com

Skip to content

一个简洁、美观且功能完整的待办事项应用,帮助您高效管理日常任务。

zhililab/todolist_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

待办事项应用 (To-Do List App)

一个简洁、美观且功能完整的待办事项应用,帮助您高效管理日常任务。

项目概述

这个应用程序允许用户创建、管理和跟踪他们的待办事项。它具有直观的用户界面,支持任务的添加、完成、删除和过滤,并且会将任务数据保存在浏览器的本地存储中,确保刷新页面后数据不会丢失。

功能特点

  • 添加新任务 - 输入任务内容并添加到列表中
  • 标记任务状态 - 点击复选框将任务标记为完成或未完成
  • 删除任务 - 移除不再需要的任务
  • 过滤任务 - 按全部、活动或已完成状态筛选任务
  • 清除已完成任务 - 一键删除所有已完成的任务
  • 任务数量统计 - 显示剩余未完成的任务数量
  • 本地存储 - 自动保存任务数据到浏览器本地存储
  • 响应式设计 - 适配不同屏幕尺寸的设备

技术栈

  • 前端框架:纯HTML、CSS和JavaScript
  • 样式:自定义CSS(无框架)
  • 数据存储:浏览器本地存储 (localStorage)
  • 开发工具:任何文本编辑器

如何使用

  1. 克隆或下载项目

    git clone <仓库URL>  # 如果有仓库的话
    # 或者直接下载项目文件
  2. 启动应用

    • 最简单的方法是使用Python的内置HTTP服务器:
      cd /Users/lizhi/code/todolist_app
      python3 -m http.server
    • 或者直接在浏览器中打开index.html文件(某些功能可能受限)
  3. 访问应用

    • 在浏览器中访问 http://localhost:8000
    • 开始添加和管理您的任务!

项目结构

/Users/lizhi/code/todolist_app/
├── index.html  # 应用的HTML结构
├── styles.css  # 应用的样式表
├── app.js      # 应用的JavaScript逻辑
└── README.md   # 项目说明文档

未来改进方向

  • 添加任务优先级标记
  • 实现任务分类或标签功能
  • 添加任务截止日期和提醒功能
  • 实现数据同步到云端
  • 添加用户认证系统

截图

以下是应用的一些效果图:

主界面

主界面

已完成任务视图

已完成任务视图

贡献

欢迎提交问题和拉取请求,帮助改进这个应用!

© 2023 待办事项应用

About

一个简洁、美观且功能完整的待办事项应用,帮助您高效管理日常任务。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published