语言火花 / Language Spark

面向碎片化学习的多语言记忆 Web MVP。V0.1 验证「打开首页 → 开始复习 → 完成一张卡」这一最小闭环。

当前范围

• 首页：今日学习卡片与最近记录
• 背诵页：翻看释义、标记熟悉度，并自动推进卡片
• 底部导航：为首页、探索、记录、我的预留入口
• 每日进度、困难卡片与连续火花：使用浏览器 LocalStorage 保存
• 困难卡片：在下一轮复习中自动优先显示
• 探索：可把官方内容包一键加入学习库
• 本地演示数据：尚未接入账号或云端数据库

技术架构

src/
├── components/   # 跨页面 UI 组件
├── pages/        # 首页、背诵页等页面
├── types/        # 共享类型
├── App.tsx       # 页面状态与组合根
└── main.tsx      # React 入口

• React 19 + TypeScript
• Vite 8
• 原生 CSS（V0.1 暂不引入 UI 框架）

本地运行

npm install
npm run dev

开发服务器固定使用 http://localhost:9001。如果该端口已被占用，服务会停止并提示处理，不会自动切换端口。

构建检查：

npm run build
npm run lint

下一步

1. 支持编辑、归档与删除个人学习卡片。
2. 为不同语言设置独立的每日任务与学习目标。
3. 接入 Supabase，实现登录和跨设备同步。