diff --git a/README.md b/README.md index ac86a71c09aabda9ac8ddb669113b77a9485e094..3be6c2cfa846d5eaced257aff735fbad439b23c5 100644 --- a/README.md +++ b/README.md @@ -1,41 +1,43 @@ -# 一个 react + Typescript + Vite Template 练习项目 - -## 介绍 - -这是个人个人的 react + Typescript 练习项目,项目首页、文字搜索、档案建立、留言板、聊天、测评进度和井字棋 - -### 首页 - -首页主要是介绍了使用的技术 - -### 搜索文字 - -在输入框中输入文字,点击搜索后文本就会高亮显示文字 - -### 档案 - -一个储存个人信息的档案页面,主要储存个人的姓名、身份证号、学历、工作经历等。档案所储存的数据都储存在本地缓存的'listDataVueXText'中。 - -### 留言板 - -收入完昵称后就可以留言,可以对留言点赞或删除。留言所储存的数据都储存在本地缓存的'messageCacheList'中。 - -### 聊天 - -两个账号之间的在线沟通,聊天的数据都储存在缓存在本地缓存的'chatDataList'中。 - -#### 聊天新增内容 - -新增发布表情、新增发布图片 -新增对话记录、新增文字提示 -将表情组件跟新并优化代码 - -### 测评进度 - -可以查看测评列表中所有题目的选择数及占比。点击进度下载可以下载该报告的 Word 文档;填空题会将信息已表格展示,其中还提供将填空题数据导出 Excel 的功能 - -### 井字棋 - -一个简单的井字棋游戏,其中可区分为标准版和自定义版。 -标准版棋盘大小为3*3,可以回退下棋步数 -自定义版可设置棋盘大小和胜利步数 +# React + TypeScript + Vite 模板练习项目 + +这是一个使用 React、TypeScript 和 Vite 构建的练习项目,包含了多个功能模块。 + +## 项目特点 + +- 使用现代前端技术栈:React + TypeScript + Vite +- 包含多种常见功能模块,适合学习和扩展 +- 结构清晰,易于理解和维护 + +## 主要功能模块 + +- **首页**:项目的主界面 +- **搜索文字**:实现文字搜索功能 +- **档案**:展示和管理档案信息 +- **留言板**:用户可以发布留言 +- **聊天**:实现基本的聊天功能 +- **聊天新增内容**:展示聊天过程中的新内容 +- **测评进度**:显示测评进度 +- **井字棋**:实现了一个交互式的井字棋游戏 + +## 技术亮点 + +- 使用 Redux 进行状态管理 +- 包含自定义组件和样式模块 +- 实现了路由配置 +- 使用 emoji 组件和文件上传功能 + +## 安装和运行 + +1. 克隆项目到本地 +2. 运行 `npm install` 安装依赖 +3. 运行 `npm run dev` 启动开发服务器 + +项目将运行在 `http://localhost:3000`(或 Vite 提供的其他地址) + +## 贡献 + +欢迎提交 Pull Request 来改进这个练习项目。请先创建 Issue 讨论重大变更。 + +## 许可证 + +该项目遵循 MIT 许可证。详情请查看 LICENSE 文件。 \ No newline at end of file