{"id":30918932,"url":"https://github.com/chemistwang/kana-card","last_synced_at":"2025-09-10T00:52:34.563Z","repository":{"id":313478931,"uuid":"1051556131","full_name":"chemistwang/kana-card","owner":"chemistwang","description":"五十音图认读卡片，小白入门必选","archived":false,"fork":false,"pushed_at":"2025-09-06T09:19:45.000Z","size":59,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-06T11:29:21.943Z","etag":null,"topics":["japanese-study"],"latest_commit_sha":null,"homepage":"https://kana-card.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chemistwang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-06T08:36:35.000Z","updated_at":"2025-09-06T09:19:48.000Z","dependencies_parsed_at":"2025-09-06T11:29:27.535Z","dependency_job_id":"b53d6cc7-49ad-4047-96db-c74b2c5bb503","html_url":"https://github.com/chemistwang/kana-card","commit_stats":null,"previous_names":["chemistwang/kana-card"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/chemistwang/kana-card","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fkana-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fkana-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fkana-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fkana-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chemistwang","download_url":"https://codeload.github.com/chemistwang/kana-card/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fkana-card/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274390719,"owners_count":25276408,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-09T02:00:10.223Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["japanese-study"],"created_at":"2025-09-10T00:52:33.585Z","updated_at":"2025-09-10T00:52:34.555Z","avatar_url":"https://github.com/chemistwang.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎌 Kana Card - 五十音图识别训练\n\n一个现代化的日语五十音图识别训练应用，基于 React + TypeScript + Zustand + Ant Design 构建。\n\n## ✨ 功能特点\n\n### 🎯 核心功能\n- **多种练习模式**：平假名、片假名、混合模式\n- **多种题目类型**：假名→罗马音、假名→读音、罗马音→假名\n- **智能随机抽取**：确保练习的全面性和随机性\n- **实时答题验证**：支持多种正确答案格式\n- **自动进入下一题**：可配置的自动播放模式\n\n### 📊 统计分析\n- **实时计分**：当前会话统计和总体表现\n- **详细分析**：薄弱环节识别和按行统计\n- **历史记录**：错误答案记录和时间追踪\n- **可视化图表**：进度条和准确率显示\n- **成就系统**：练习里程碑提醒\n\n### 🎨 用户体验\n- **响应式设计**：完美支持桌面端和移动端\n- **现代化UI**：基于Ant Design的精美界面\n- **流畅动画**：答题反馈和交互动效\n- **数据持久化**：学习进度本地保存\n- **个性化设置**：多种练习选项配置\n\n## 🚀 快速开始\n\n### 环境要求\n- Node.js 16.0 或更高版本\n- npm 或 yarn 包管理器\n\n### 安装和运行\n\n1. **安装依赖**\n```bash\nnpm install\n```\n\n2. **启动开发服务器**\n```bash\nnpm run dev\n```\n\n3. **构建生产版本**\n```bash\nnpm run build\n```\n\n4. **预览构建结果**\n```bash\nnpm run preview\n```\n\n## 🏗️ 项目结构\n\n```\nsrc/\n├── components/          # React组件\n│   ├── KanaCard.tsx        # 假名卡片组件\n│   ├── ScoreBoard.tsx      # 计分面板\n│   ├── ModeSelector.tsx    # 模式选择器\n│   └── StatisticsPanel.tsx # 统计面板\n├── data/\n│   └── kanaData.ts      # 五十音图数据\n├── store/\n│   └── useKanaStore.ts  # Zustand状态管理\n├── types/\n│   └── kana.ts          # TypeScript类型定义\n├── App.tsx              # 主应用组件\n├── App.css              # 全局样式\n└── main.tsx             # 应用入口\n```\n\n## 🎮 使用说明\n\n### 练习模式设置\n1. **平假名模式**：专注练习平假名字符\n2. **片假名模式**：专注练习片假名字符\n3. **混合模式**：随机练习平假名和片假名\n\n### 题目类型选择\n1. **假名→罗马音**：看假名输入对应罗马音\n2. **假名→读音**：看假名输入中文读音\n3. **罗马音→假名**：看罗马音输入对应假名\n\n### 个性化设置\n- 🔊 **音效开关**：启用/禁用答题音效\n- 💡 **提示功能**：显示/隐藏答题提示\n- ⏭️ **自动下一题**：答题后自动进入下一题\n- 🔄 **重置统计**：清空所有学习记录\n\n## 📈 学习建议\n\n### 初学者\n1. 从平假名模式开始\n2. 选择\"假名→罗马音\"题目类型\n3. 开启提示功能和自动下一题\n\n### 进阶学习\n1. 使用混合模式练习\n2. 尝试\"罗马音→假名\"题目类型\n3. 关注薄弱环节统计，针对性练习\n\n### 高级用户\n1. 挑战\"假名→读音\"模式\n2. 追求高准确率和练习连击\n3. 定期重置统计，检验学习成果\n\n## 🛠️ 技术栈\n\n- **前端框架**: React 18 + TypeScript\n- **状态管理**: Zustand (轻量级状态管理)\n- **UI组件库**: Ant Design 5 (antd)\n- **构建工具**: Vite (快速构建和热重载)\n- **数据持久化**: LocalStorage (本地存储)\n\n## 📝 开发特性\n\n- ✅ TypeScript 严格模式\n- ✅ ESLint 代码规范\n- ✅ 响应式设计\n- ✅ 组件化架构\n- ✅ 状态管理\n- ✅ 数据持久化\n\n## 🤝 贡献指南\n\n欢迎提交Issue和Pull Request来帮助改进这个项目！\n\n### 开发贡献\n1. Fork 本仓库\n2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)\n3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)\n4. 推送到分支 (`git push origin feature/AmazingFeature`)\n5. 打开Pull Request\n\n## 📄 许可证\n\n本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。\n\n## 🙏 致谢\n\n- 五十音图数据整理\n- Ant Design UI组件库\n- React和TypeScript社区\n- Zustand状态管理库\n\n---\n\n**祝您学习愉快！がんばって！ 🎌**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchemistwang%2Fkana-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchemistwang%2Fkana-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchemistwang%2Fkana-card/lists"}