Mechhub开源项目Vibe Coding

意在解决: 1.理论力学领域学生学习反馈路径过长所导致的学习兴致低下问题
2. 教育领域老师批改作业负担过大问题
3. 作业形式不合理导致学生应付作业问题

模块: 1.用户鉴权系统: 采用jwt access token refresh token进行用户鉴权 服务端压力小 2.学生ai问答批改系统: 采用常规ai聊天模式加入创新性的ai批改模式 生成批改ui 展示步骤解析 3.班级聊天系统:通过邀请码加入班级 班级聊天中可以调用ai进行归纳信息或者问题解答 以及对话可以在聊天中转发共享复制 4.提交批改作业系统: 学生可以将问答记录作为作业提交 ai预批注后老师进行二次批改

1.我主导Mechhub项目,参与全栈职责,实际工作中更多负责前端,后端交付supabase实现第三方的临时搭建
2.技术栈:typescript JavaScript react组件库 vite手脚架 html css
3.亮点:通过 Vite 的代码分割和动态 import 将原本约 2.8MB 的主 bundle 拆分为多个按需加载的模块，使首屏 JS 下载量降低到约 900KB；在组件层面使用 React.memo 与 useMemo 避免不必要的重复渲染；并结合 静态资源 hash 与浏览器缓存策略 提高二次访问速度。经过这些优化，项目 首屏加载时间从约 3.2s 降低到 1.7s 左右，页面交互流畅度明显提升