# 💻 码农台 (Coder Hub)

> 资深程序猿的个人学习工作台：任务管理 + 知识卡片 + 踩坑记录 + 成就系统。

🌐 **在线使用**：[coder.jaiken.top](https://coder.jaiken.top)
🚀 **应用入口**：[coder.jaiken.top/coder-hub.html](https://coder.jaiken.top/coder-hub.html)

## ✨ 功能特性

- 🎯 **任务管理**：P0/P1/P2 优先级 + 5 分类（工作/学习/副业/投资/生活）+ 项目关联
- 🏆 **盖章动效**：完成任务时圆形 SVG 印章（缩放+旋转+淡入）
- 📚 **知识卡片**：16 张精选概念卡（CrewAI/MCP/RAG/CoT/Tauri/PE Bands/vibe coding）+ 24 个术语卡
- 🗣️ **TTS 朗读**：英文术语用 `en-US`，中文用 `zh-CN`
- 🔄 **翻卡 + 复习调度**：1/3/7/15 天四轮复习，同日忘 2 次次日再出现
- 🐛 **踩坑记录**：6 分类（编码/部署/沟通/产品/投资/工具），5 轮复习（1/3/7/15/30）
- 🎖️ **成就系统**：XP/等级 + 连续打卡 + 5 阶段咖啡豆豆 SVG 成长动画
- 📊 **PNG 战报**：750×1000 竖版周报下载
- 📱 **三端响应**：手机底部 5 Tab / 平板顶部 / 电脑左侧边栏
- 🚀 **零依赖**：纯 HTML + CSS + JS，单文件 ~119 KB
- 🔒 **本地优先**：所有数据 localStorage，可 JSON 导入导出

## 🚀 快速开始

### 在线使用
直接访问 [coder.jaiken.top](https://coder.jaiken.top)，点击「打开应用」即可。

### 本地运行
```bash
# 克隆仓库
git clone https://github.com/JaikenWong/coder-hub.git

# 直接用浏览器打开
open coder-hub/coder-hub.html
```

不需要任何构建步骤、依赖安装或后端服务。

## 📖 使用指南

1. **今日页**：顶部「今天要处理」自动汇总 P0 逾期任务 + 知识复习 + 踩坑复习，一键处理
2. **任务管理**：选分类 chip + 优先级 + 截止日期，勾选完成看盖章动效
3. **项目任务**：点"+ 项目任务"选 4 个内置模板之一（AI 编码工具横评 / 工厂 SCADA / 美股季度复盘 / 副业 MVP）
4. **知识卡片**：选一张卡 → 翻面 + 朗读 + 标记掌握/忘记，系统自动调度复习
5. **踩坑记录**：分类 + 根因，5 轮复习 1/3/7/15/30 天
6. **我的成就**：等级 + 连续打卡 + 毕业率 + 本周战报 + 咖啡豆豆状态
7. **数据备份**：顶部「导出 JSON」/「导入恢复」一键迁移设备

## 🛠️ 技术栈

- **HTML5 + CSS3 + Vanilla JavaScript**（无框架）
- **SVG 自绘**（图标、图表、5 阶段咖啡豆豆植物）
- **localStorage 持久化**（key 前缀 `wb_programmer_`）
- **Canvas 2D**（PNG 战报导出）
- **Web Speech API**（TTS 朗读）
- **GitHub Pages**（部署）

## 📁 项目结构

```
coder-hub/
├── index.html               # 项目落地页（介绍 + 模块预览）
├── coder-hub.html           # 主应用（单文件，~119KB）
├── README.md                # 本文件
├── LICENSE                  # MIT 协议
├── CNAME                    # coder.jaiken.top
└── push-to-github.sh        # 一键推送脚本
```

## 🚢 部署

仓库使用 GitHub Pages 部署，通过自定义域名 `coder.jaiken.top` 访问。

### 首次部署
```bash
cd coder-hub
bash push-to-github.sh
```

然后：
1. 进入 https://github.com/JaikenWong/coder-hub/settings/pages
2. Source 选 `Deploy from a branch` → branch: `main` / root
3. 等待 1-2 分钟，GitHub Pages 会自动识别 `CNAME` 文件并申请 HTTPS 证书
4. 在 DNS 服务商（阿里云/腾讯云/Cloudflare）添加：
   - 类型: `CNAME`
   - 主机记录: `coder`
   - 记录值: `jaikenwong.github.io`
5. 等 DNS 生效（5-30 分钟），访问 https://coder.jaiken.top

## 🤝 贡献

欢迎提 Issue 和 PR！特别欢迎：

- 新知识卡（按主题扩展）
- 新项目模板（贴合资深程序猿场景）
- i18n 国际化（英文 UI 翻译）
- Bug 报告与性能优化

## 📄 协议

[MIT](./LICENSE) © 2026 Jaiken Wong