[分享创造] 花了两周,我用 DeepSeek + Azure TTS 撸了一个全栈 AI 英语学习站 (React+FastAPI)

26 阅读1分钟

大家好,我是 SmartCram 的开发者。

【缘起】
自己在备考雅思的过程中,发现市面上的 App 大多还在用死记硬背的逻辑。虽然接入了 AI,但很多只是简单的“对话机器人”,并没有深度结合到背单词-阅读-写作的学习闭环里。
既然 API 这么强,为什么不自己造个轮子?于是就有了 SmartCram

【技术栈】

  • Frontend: React + Tailwind CSS (Bento Grid 风格 UI)
  • Backend: Python FastAPI
  • Database: Supabase (PostgreSQL)
  • AI Model: DeepSeek V3 (负责出题、长难句分析、作文批改)
  • Audio: Azure Speech SDK (为了追求真人发音体验,没用浏览器原生 TTS)
  • Deploy: 腾讯云香港节点 + Nginx (为了国内访问速度,做了很多优化)
  • Auth: Authing (适配国内登录习惯)

【解决了什么痛点】

  1. 语境记忆:不再背孤立的单词。系统会根据你生词本里的词,现场生成一篇包含这些词的短文。
  2. 写作闭环:不仅是纠错。AI 会基于你的原意,重写一篇满分范文,并支持 Markdown 高亮渲染高级词汇。
  3. 口语跟读:利用 Azure STT 做语音打分,拒绝哑巴英语。

【关于收费】
目前是 MVP 阶段,为了覆盖 API 和服务器成本,制定了订阅制。
但也提供了充足的每日免费额度(每天 3 篇阅读 + 1 次写作批改),对于轻度使用完全够了。

【体验地址】
👉 smartcram.top (支持 PWA,可添加到手机主屏幕)

作为一个全栈独立开发作品,肯定还有很多不足。欢迎 J 友们体验,有任何 Bug 或建议请在评论区狠狠拍砖,感谢!🙏