打字练习网站

一个名为Tollow的打字练习网站，支持导入图书和文本文件，提供实时打字练习和统计功能。

✨ 功能特点

• 📚 文件导入: 支持.txt和.epub格式文件
• ⌨️ 实时打字练习: 边看文本边打字，像临摹字帖一样
• 📊 实时统计: 显示WPM、准确率、进度等数据
• 🎯 错误检测: 实时显示打字错误和正确字符
• 📱 响应式设计: 支持桌面和移动设备
• 🎨 现代UI: 美观的用户界面和流畅的交互体验

🚀 快速开始

安装依赖

npm install

启动开发服务器

npm run dev

访问 http://localhost:4000

构建生产版本

npm run build

🛠️ 技术栈

• 前端框架: React 18 + TypeScript
• 构建工具: Vite
• 样式: CSS3 + 响应式设计
• 文件处理: FileReader API

📖 使用方法

1. 上传文件: 拖拽或选择.txt或.epub文件
2. 开始练习: 点击"开始练习"按钮
3. 打字练习: 在输入框中开始打字，实时查看进度
4. 查看统计: 实时查看WPM、准确率等数据
5. 完成练习: 完成后查看最终成绩

🎯 核心功能

文件上传

• 支持拖拽上传
• 自动识别文件格式
• 错误处理和用户提示

打字练习

• 实时字符对比
• 错误高亮显示
• 进度跟踪
• 暂停/继续功能

统计功能

• WPM (每分钟词数)
• 准确率计算
• 错误统计
• 时间记录
• 进度条显示

🔧 项目结构

src/
├── components/          # React组件
│   ├── Header.tsx      # 页面头部
│   ├── FileUpload.tsx  # 文件上传
│   ├── TypingPractice.tsx # 打字练习主界面
│   └── TypingStats.tsx # 统计显示
├── types.ts            # TypeScript类型定义
├── App.tsx             # 主应用组件
├── main.tsx            # 应用入口
└── index.css           # 全局样式

🌟 特色功能

• 像临摹字帖: 光标可以在文字之前，边看边打字
• 实时反馈: 即时显示正确和错误的字符
• 智能统计: 自动计算各种打字指标
• 用户友好: 直观的界面和清晰的操作流程

📱 响应式支持

• 桌面端: 完整功能体验
• 平板端: 适配中等屏幕
• 移动端: 优化触摸操作

🔮 未来计划

• 用户账户系统
• 练习历史记录
• 更多文件格式支持
• 社交功能
• 排行榜系统

📄 许可证

本项目采用 MIT 许可证 开源。

MIT许可证允许任何人自由使用、修改和分发你的代码，同时为你提供法律保护。这是最受欢迎的开源许可证之一，被React、Vue.js等知名项目采用。

主要权限：

• ✅ 商业使用
• ✅ 修改和分发
• ✅ 私人使用
• ✅ 专利使用

主要限制：

• ❌ 作者不承担任何责任
• ❌ 必须包含原始许可证和版权声明

🤝 贡献

欢迎提交Issue和Pull Request！

---

享受打字练习，提升您的技能！ ⌨️✨