英语练习应用 (English Practice Application)

一个交互式的英语学习应用，帮助用户通过句子练习、单词学习和间隔复习系统提高英语能力。

功能特点

核心功能

• 句子练习：根据中文提示，逐词输入英语句子
• 单词学习：针对错误单词进行专项练习
• 间隔复习系统：基于记忆曲线的智能复习提醒
• 积分系统：正确完成句子练习可获得积分

增强功能

• 单词下方显示音标（使用浅色字体，两侧添加斜杠"/"）
• 句子输入完成后显示完整句子并加粗
• 输入框在输入正确时立即变成绿色
• 输入错误时焦点停留在错误的输入框上
• 延长句子正确后的停留时间至4秒
• "稍后复习"功能推迟复习项1小时

技术栈

• 前端框架：Next.js 15.2.4
• UI组件：React 19 + Radix UI
• 样式：Tailwind CSS
• 状态管理：React Hooks
• 本地存储：浏览器 localStorage（保存学习进度）
• 语音合成：Web Speech API

学习内容

应用包含多组英语练习内容，每组围绕一个核心单词展开，从简单到复杂逐步学习：

• 从单词到短语
• 从短语到简单句子
• 从简单句子到复杂句子

例如，以"bird"（鸟）为核心单词的学习进程：

1. "A bird"（一只鸟）
2. "A bird is flying"（一只鸟在飞）
3. "A bird is flying in the sky"（一只鸟在天空中飞翔）
4. "The bird is flying and singing"（这只鸟在飞翔和歌唱）

学习方法

1. 句子练习模式：

   • 听取英语句子的发音
   • 根据中文提示，逐词输入英语句子
   • 可使用语音提示功能（但使用后该句不计入积分）
   • 输入正确后，系统会自动进入下一个练习

2. 单词学习模式：

   • 当句子练习中出现错误时，自动进入单词学习模式
   • 专注练习错误的单词
   • 完成单词学习后，返回句子练习

3. 复习系统：

   • 系统会根据记忆曲线，提示需要复习的内容
   • 可以选择立即复习或稍后复习（推迟1小时）

安装与运行

开发环境

# 安装依赖
npm install

# 启动开发服务器
npm run dev

生产环境

# 构建应用
npm run build

# 启动生产服务器
npm start

IIS部署

# 使用提供的批处理文件构建并准备IIS部署文件
build-for-iis.bat

项目结构

english-practice/
├── app/                  # Next.js 应用目录
│   ├── globals.css       # 全局样式
│   ├── layout.tsx        # 应用布局
│   └── page.tsx          # 主页面组件
├── components/           # React 组件
│   ├── sentence-practice.tsx  # 句子练习组件
│   ├── word-learning.tsx      # 单词学习组件
│   ├── review-system.tsx      # 复习系统组件
│   ├── theme-provider.tsx     # 主题提供者
│   └── ui/               # UI组件库
├── utils/                # 工具函数
│   ├── exercise-data.ts  # 练习数据
│   ├── spaced-repetition.ts  # 间隔复习逻辑
│   └── word-dictionary.ts    # 单词词典
├── public/               # 静态资源
├── IIS部署指南.md         # IIS部署说明
└── build-for-iis.bat     # IIS部署构建脚本

特性亮点

1. 渐进式学习：从简单到复杂，循序渐进
2. 即时反馈：输入正确/错误时立即提供视觉反馈
3. 间隔复习：基于科学的记忆曲线算法，优化学习效果
4. 积分激励：通过积分系统增强学习动力
5. 多感官学习：结合视觉和听觉，提高学习效率

许可证

私有项目，未指定开源许可证