# WordQuest

**Repository Path**: xyy968/wordquest

## Basic Information

- **Project Name**: WordQuest
- **Description**: 这是一个帮助背单词的趣味网站
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-08
- **Last Updated**: 2026-07-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WordQuest 背单词闯关学习平台

WordQuest 是一个基于 Vue 3 + Vite 的英语背单词工程项目，包含四六级、雅思、托福演示词库，每日学习监督、趣味小游戏、错词复习、成就统计和后台管理页面。

## 技术栈

- Vue 3
- Vite
- 原生 JavaScript
- CSS 响应式布局
- localStorage 本地学习记录
- Web Speech API 单词朗读

## 项目结构

```text
wordquest/
├─ index.html
├─ package.json
├─ package-lock.json
├─ vite.config.js
├─ src/
│  ├─ main.js
│  └─ styles.css
├─ .gitignore
└─ README.md
```

## 本地运行

先安装依赖：

```bash
npm install
```

再启动开发服务器：

```bash
npm run dev
```

启动成功后，打开终端里显示的 Local 地址即可预览网站。不要把这个本地地址当成线上网址，它只在你自己的电脑上有效。

## 打包部署

生成生产环境文件：

```bash
npm run build
```

打包后会生成 `dist/` 文件夹。部署到 Gitee Pages 时，应部署 `dist/` 里的文件，而不是直接把开发服务器地址写进 README。

## 功能模块

- 学习首页：今日计划、连续打卡、学习进度、词库入口。
- 词库背诵：CET-4、CET-6、IELTS、TOEFL 分类，单词卡片、音标、释义、例句、朗读。
- 趣味小游戏：单词配对、拼写挑战、听音辨词、记忆翻牌、超市物品分装。
- 复习系统：错词本、收藏词、标为掌握。
- 成就统计：积分、徽章、本周学习曲线、排行榜。
- 后台管理：词库管理、用户学习数据、游戏记录、站点配置。