习惯追踪PWA

一个基于React、TypeScript和Vite构建的离线优先的习惯追踪渐进式Web应用。

  • by BuffariniDany
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 BuffariniDany/HabitTracker

使用说明

习惯追踪器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。

现场演示: https://buffarinidany.github.io/HabitTracker/

建筑

该项目遵循领域驱动的设计原则:

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页面

贡献

  1. 克隆该仓库
  2. 创建要素分支
  3. 进行更改
  4. 如果需要,添加测试
  5. 提交拉取请求

许可证

MIT许可证-有关详细信息,请参阅许可证文件。