习惯追踪器PWA
一个简单的、离线优先的习惯跟踪渐进式Web应用程序,使用React、TypeScript和Vite构建。
特性
- ✅ 培养和管理日常习惯
- 📱 渐进式Web应用程序(可安装)
- 🔄 首先离线,使用本地存储
- 🎨 干净、灵敏的设计
- ♿ 无障碍界面
入门指南
先决条件
- Node.js 18+和npm
安装
# Clone the repository
git clone https://github.com/BuffariniDany/HabitTracker.git
cd HabitTracker
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build部署
当更改被推送到主分支时,该应用程序会自动部署到GitHub Pages。
现场演示:
建筑
该项目遵循领域驱动的设计原则:
src/
├── domains/
│ ├── habits/ # Habit management domain
│ │ ├── components/ # React components
│ │ ├── business/ # Business logic
│ │ ├── data/ # Data persistence
│ │ └── types.ts # TypeScript types
│ └── ...
├── shared/ # Shared utilities
└── app/ # App-level components技术栈
- 前端:React 18+TypeScript
- 生成工具:快
- 渐进式网络应用:Vite PWA插件+工作盒
- 存储:本地存储(升级到IndexedDB)
- 样式:CSS3,响应式设计
- 测试:Vitest+React测试库
- 部署:GitHub页面
贡献
- 克隆该仓库
- 创建要素分支
- 进行更改
- 如果需要,添加测试
- 提交拉取请求
许可证
MIT许可证-有关详细信息,请参阅许可证文件。
