Projects/App
#Vue3#TypeScript#AI#DeepSeek#Pinia#Vite#language-learning#education#Chart.js
PolyGlot AI - 多语言智能学习助手
PolyGlot AI 是一款功能完备的 AI 驱动多语言学习助手,支持 20+ 语言学习。项目完全基于 Vue 3 + TypeScript 构建,融合了智能词汇管理、多元化学习模式、AI 生成每日文章、RSS 新闻阅读及可自定义的学习仪表盘 — 所有功能均在浏览器本地运行,无需后端服务器。
核心功能
词汇管理
- 创建和管理多个词书
- 支持词形变化(格变、时态等)
- 通过 DeepSeek API 批量生成 AI 例句
- 词汇关系图谱可视化
- 高级筛选与模糊搜索
7 种学习模式
- 词卡学习 — 经典间隔重复,可配置复习间隔
- 选择题 — 限时语境下的词汇辨识
- 听力练习 — 基于 Web Speech API 的发音与理解训练
- 拼写练习 — 凭记忆输入单词
- 口语训练 — 语音识别驱动的口头练习
- 综合测试 — 融合多种技能的混合评测
- 写作训练 — AI 评分的自由创作
所有模式集成了艾宾浩斯遗忘曲线复习调度器与智能错题本系统,可针对个人薄弱环节自适应调整。
AI 每日文章
- 通过 DeepSeek AI 生成个性化文章
- 三种翻译模式:仅原文、逐段对照、全文对照
- A-B 循环播放,支持精听训练
- 悬停翻译词汇提示
多语言新闻
- 聚合 20+ 语言的 RSS 新闻源
- AI 深度分析:难度评级、关键句提取、词汇解析
- 关键句与关键词高亮
- 朗读时实时高亮
- 收藏与导出功能
AI 聊天助手
- 基于 DeepSeek 的交互式对话学习
- 按需语法解释
- 上下文感知例句生成
- 个性化学习建议
学习仪表盘
- 15 个可自定义小组件:学习时钟、连续打卡、周进度、正确率图表、词汇增长曲线、待复习列表等
- 拖拽式仪表盘布局编辑器
- AI 生成的每日学习报告
- 基于鼠标活动的智能时间追踪
技术栈
- 前端框架:Vue 3 (Composition API) + TypeScript
- 状态管理:Pinia
- 构建工具:Vite
- 图表:Chart.js
- AI 服务:DeepSeek API
- 本地存储:LocalForage (IndexedDB) — 全离线数据持久化
- 语音:Web Speech API(合成 + 识别)
架构设计
应用采用模块化架构,按功能组织组件。核心学习逻辑通过 Pinia 仓库(stores/learning.ts、stores/vocab.ts、stores/user.ts)与 UI 解耦,工具模块处理专业功能如间隔重复调度(utils/reviewScheduler.ts)、词形分析(utils/languageMorphology.ts)和 AI 集成(utils/aiHelper.ts)。所有用户数据通过 LocalForage 持久化在 IndexedDB 中,使应用完全自包含,无需任何服务端依赖。