zhongyidian
29029bb608
feat: update README and enhance Menu component with teacher selection functionality
...
- Updated project title in README.md to reflect the new focus on "名师工作室".
- Enhanced Image component to accept custom styles.
- Implemented teacher selection feature in Menu component, allowing users to select and display different teacher avatars with corresponding positions and transitions.
2025-10-21 18:14:20 +08:00
zhongyidian
95d594c2aa
refactor: update project structure and content
2025-10-21 18:14:01 +08:00
zhongyidian
cdbe3bb51e
feat:提交实验室环境配置
2025-10-21 00:59:09 +08:00
zhongyidian
6367014e1f
fix:解决拖拽问题
2025-10-20 17:50:42 +08:00
zhongyidian and Claude
543cecf2ee
迁移到 TypeScript
...
完整的 TypeScript 迁移，提升代码质量和开发体验
**安装依赖:**
- TypeScript 5.9.3
- @types/react, @types/react-dom, @types/node
- typescript-eslint 相关包
**配置文件:**
- 创建 tsconfig.json (应用配置)
- 创建 tsconfig.node.json (Node 配置)
- 更新 eslint.config.ts 支持 TypeScript
- 所有配置文件迁移到 .ts 扩展名
**源代码迁移:**
- 所有 .jsx 文件 → .tsx
- 所有 .js 文件 → .ts
- 添加完整的类型定义和接口
- 修复所有类型错误
**类型定义:**
- Experiment 接口 (实验数据类型)
- DraggableItemProps 接口
- 函数参数类型注解
- React 组件 Props 类型
**代码优化:**
- 修复 main.tsx 中的 null 检查
- 添加 DragEndEvent 类型
- 使用类型守卫和类型断言
- 改进错误处理
**构建脚本:**
- 添加 typecheck 脚本
- build 脚本包含类型检查
- 更新 index.html 入口为 main.tsx
**验证:**
- ✅ TypeScript 编译通过
- ✅ ESLint 检查通过
- ✅ 所有类型正确推导
- ✅ 代码质量提升
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-17 10:30:10 +08:00
zhongyidian and Claude
6b84a5ed98
实现路由管理系统
...
- 创建 router.js 统一管理路由配置
- App.jsx 重构为使用 RouterProvider
- 创建 pages 目录结构：
- Layout.jsx: 主布局组件，包含 header 和 footer
- Home.jsx: 首页实验列表（原 App.jsx 内容）
- ExperimentDetail.jsx: 实验详情页，展示完整实验信息
- NotFound.jsx: 404 页面
- 实现页面导航功能：
- 点击实验项目可跳转到详情页
- 详情页支持返回列表
- 完善的错误处理和 404 页面
- 实验详情页功能：
- 展示实验目标、步骤、注意事项
- 实验信息卡片（时长、难度、类型）
- 交互式按钮（开始实验、下载资料）
- 所有代码通过 ESLint 检查
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-16 23:25:17 +08:00
zhongyidian
