Skip to content

cuihuabot/todo-list-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Multi-User Todo List for GitHub Pages

一个使用Firebase作为后端服务的多用户Todo List应用,可以部署到GitHub Pages。

🚀 概述

这个版本使用Firebase作为后端服务,提供:

  • 用户身份验证
  • 数据隔离(每个用户只能访问自己的待办事项)
  • 实时数据同步
  • 安全的数据存储

✨ 功能特性

  • 用户系统:注册、登录、登出
  • 数据隔离:每个用户只能访问自己的待办事项
  • 完整的Todo功能
    • 添加、编辑、删除待办事项
    • 完成/取消完成状态
    • 任务过滤(全部/待办/已完成)
    • 优先级设置(高/中/低)
    • 任务分类(工作/个人/购物/健康/学习)
    • 到期时间设置
    • 任务描述
    • 高级过滤(按优先级、分类、到期时间)
    • 搜索功能
    • 统计信息
    • 响应式设计

🔧 配置Firebase

  1. 访问 Firebase Console
  2. 创建新项目
  3. 启用Firebase Authentication(推荐启用Email/Password登录)
  4. 启用Firestore Database
  5. 在项目设置中找到您的Web应用配置
  6. 将配置信息添加到 firebase-config.js 文件中

Firestore规则示例

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // 用户只能访问自己的todos
    match /users/{userId}/todos/{document} {
      allow read, write: if request.auth != null && request.auth.uid == userId;
    }
  }
}

📁 项目结构

├── index.html                 # 主应用页面
├── firebase-config.js         # Firebase配置和业务逻辑
└── README.md                 # 项目说明

🚀 部署到GitHub Pages

1. 配置Firebase

  1. firebase-config.js 中更新您的Firebase配置
  2. 设置正确的Firestore安全规则

2. 部署到GitHub Pages

  1. 将此文件夹推送到GitHub仓库
  2. 在仓库设置中启用GitHub Pages
  3. 选择main分支和/(root)文件夹

3. 访问应用

应用将在 https://yourusername.github.io/repository-name/ 可用

⚠️ 重要说明

  • 这个版本需要Firebase后端服务才能实现真正的多用户功能
  • GitHub Pages本身只能托管静态文件,无法提供后端服务
  • 用户数据存储在Firebase Firestore中
  • 用户认证通过Firebase Auth实现

🔐 安全特性

  • 密码通过Firebase安全传输和存储
  • 数据通过Firestore规则实现用户隔离
  • 所有数据传输使用HTTPS

🤝 贡献

欢迎提交Issue和Pull Request来改进这个项目!

📄 许可证

MIT License

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors