在线体验 · 可私有部署 · 表单索取

英语口语词汇高效记忆
从「记单词」到「用单词」

基于「高频优先 + 场景绑定 + 主动输出 + 间隔重复」的轻量化工具,帮助英语口语新手快速掌握日常口语高频词汇

演示站点:toen-top.vercel.app

ToenSpeak 是什么?

ToenSpeak 是一款聚焦日常口语词汇高效记忆的轻量化工具,核心基于「高频优先 + 场景绑定 + 主动输出 + 间隔重复」的记忆逻辑,将系统化的词汇记忆方法落地为可交互、可追踪、AI 辅助的在线产品。

目标用户:18–45 岁,有日常口语交流需求(出国、职场、社交)的英语口语新手。

解决的核心痛点

  • 盲目背单词,记了大量书面化词汇,日常交流用不上
  • 孤立记单词,不会搭配和造句,开口时「脑子空白」
  • 缺乏复习规划,词汇记了就忘,无法形成长期记忆
  • 没有低成本的口语输出场景,记了单词也不会说

核心功能

场景化学习

预设 10 个核心日常场景(问候闲聊、点餐购物、问路出行、打电话、表达需求等),每个场景包含 5–20 个高频口语词汇,含音标、释义、搭配、例句;支持按场景、难度、记忆状态筛选和关键词搜索

间隔重复算法

基于遗忘曲线计算复习时间(记完当天、第 2 天、第 7 天、第 14 天);支持站内消息提醒,在用户设置的提醒时间自动发送复习提醒和每日学习提醒

AI 辅助练习

管理员可使用 AI 一键生成学习场景和 20 个配套词汇;支持 TTS 语音合成;跟读模仿、场景对话练习(规划中)

学习追踪

今日目标、连续学习天数、等级、经验值、待复习数;详细统计图表(每日学习量、掌握度分布、场景分布);支持导出 Excel/PDF

安全认证

基于 NextAuth.js v5,邮箱注册登录、JWT Session、bcrypt 密码加密、路由保护

响应式设计

完美适配移动端和桌面端,支持深色/浅色模式切换

技术栈

分类技术用途
前端Next.js 16、React 18、TypeScriptApp Router、SSR/SSG、类型安全
UITailwind CSS、Shadcn UI、Lucide React响应式布局、高质量组件、图标
状态管理Zustand、TanStack Query客户端状态、服务端数据获取与缓存
数据层Prisma、PostgreSQL / SQLite类型安全 ORM,支持 SQLite(开发)和 PostgreSQL(生产)
表单与验证React Hook Form、Zod高性能表单、运行时类型验证
认证NextAuth.js v5、bcrypt完整认证方案、密码加密
其他recharts、xlsx、jspdf、date-fns、next-themes图表、Excel/PDF 导出、日期处理、主题切换

可私有部署,可通过表单索取部署包与快速入门

多种部署方式

方式一:在线演示

无需部署,立即体验完整功能

访问 toen-top.vercel.app

方式二:Docker 一键部署

镜像:jianghuizhong18701745572/voca-speak-app:latest

# 1. 拉取镜像
docker pull jianghuizhong18701745572/voca-speak-app:latest

# 2. 创建数据目录
mkdir -p ./data

# 3. 启动容器(Linux/macOS)
docker run -d \
  --name voca-speak-app \
  -p 3000:3000 \
  -v $(pwd)/data:/app/data \
  -e NODE_ENV=production \
  -e DATABASE_URL=file:./data/db.sqlite \
  -e NEXTAUTH_URL=http://localhost:3000 \
  -e NEXTAUTH_SECRET=$(openssl rand -base64 32) \
  jianghuizhong18701745572/voca-speak-app:latest

# 4. 访问 http://localhost:3000

方式三:Vercel 云部署

  • • 需使用 PostgreSQL(Neon、Supabase 或 Vercel Postgres)
  • • 在 Vercel 导入 Git 仓库,配置环境变量
  • • 部署前执行 npx prisma migrate deploy
  • • 支持 Vercel Cron 定时发送复习提醒

方式四:源码部署

环境要求:Node.js ≥ 18、npm ≥ 9。克隆仓库 → npm install → 配置 .env → npx prisma migrate dev → npm run dev

系统要求:CPU 0.5 Core、内存 256MB、磁盘 1GB(最低);推荐 1 Core、512MB、2GB

获取部署包与快速入门

项目暂未开源,填写表单获取「部署包」「快速入门指南」等实用资料

联系我们

演示站点https://toen-top.vercel.app/ 在线体验完整功能

获取资料:项目暂未开源,欢迎通过下方表单索取「部署包」「快速入门指南」,包含 Docker 命令、环境变量模板、docker-compose 示例等实用资料。

技术栈:Next.js、Prisma、NextAuth.js、Shadcn UI、TanStack Query