在线英文打字练习应用

在线英文打字练习应用是一个专业的打字训练平台，采用现代化的技术架构和用户友好的界面设计，致力于帮助用户提高英文打字速度和准确性。该应用不仅提供了丰富的练习内容，还配备了专业的数据分析和实时反馈系统。

开源地址： https://github.com/wincatcher/typing-practice.toolsnav.top

网站Demo： https://typing-practice.toolsnav.top/

注意：本项目基于 https://github.com/ashsajal1/typing-app 进行二次开发，新增功能在 “特色功能” 和 “主要特点” 部分已做标注。

特色功能

• 🎯 实时速度和准确率统计
• 📊 动态速度曲线图表显示【新增】
• ⌨️ 虚拟键盘布局显示【新增】
• 🎵 打字错误音效反馈【新增】
• 🌓 明暗主题切换
• 💾 自定义文本本地存储【新增】
• 🔄 进度条实时显示【新增】

主要特点

1. 多样化练习内容

   • 内置多个主题的练习文本
   • 支持自定义练习文本【新增】
   • 智能文本分段显示【新增】

2. 专业的统计分析

   • WPM（每分钟字数）实时计算
   • 准确率精确统计
   • 错误字符分析【新增】
   • 实时速度曲线展示【新增】

3. 个性化设置

   • 字体大小调节【新增】
   • 行高自定义【新增】
   • 练习时长可调【新增】
   • 声音开关控制【新增】

开始使用

环境要求

运行此应用需要安装 PNPM。如果您尚未安装 PNPM，请访问 https://pnpm.io/installation 按照说明进行安装。

安装步骤

按照以下步骤在本地运行应用：

1. 克隆仓库：

git clone https://github.com/wincatcher/typing-practice.toolsnav.top.git

2. 进入项目目录：

cd typing-app

3. 安装依赖：

pnpm install

4. 启动开发服务器：

pnpm dev

5. 在浏览器中访问 http://localhost:3000 即可使用应用。

技术栈

• React.js
• TypeScript
• Tailwind CSS
• DaisyUI
• Zustand
• TanStack Router
• Vite

参与贡献

我们欢迎各种形式的贡献！如果您想为项目做出贡献，请遵循以下步骤：

1. 在 GitHub 上 Fork 本仓库

2. 克隆您的 Fork 到本地：

git clone https://github.com/your-username/typing-app.git

3. 创建新的功能分支：

git checkout -b feature/your-feature-name

4. 提交您的修改：

git commit -m "添加新功能：xxx"

5. 推送到您的 Fork：

git push origin feature/your-feature-name

6. 创建 Pull Request

请确保您的代码符合项目的代码规范，并在提交 PR 前充分测试您的修改。

开源协议

本项目采用 MIT 许可证。您可以自由使用、修改和分发代码，具体请参阅许可证条款。

开发者信息

原开发者：ashsajal1

由 wincatcher 二次开发。

如果你对这个项目感兴趣或有任何问题,欢迎通过以下方式联系我:

• GitHub: @wincatcher
• 电子邮件: wincatcher [at] gmail [dot] com
• 个人简介: https://biobio.fun/

我是一名热衷于创新和技术的独立开发者，专注于 Web 开发和人工智能应用。欢迎交流与合作!

反馈与支持

如果您发现任何问题或有改进建议，欢迎：

• 提交 Issue
• 发起 Pull Request
• 联系开发团队

感谢您对本项目的关注与支持！

Repo Activity