混乱象棋对战平台
时间:2025.01 - 2025.02
技术栈:前端:Next.js, TypeScript, TailwindCSS, Framer Motion, react-three-fiber;后端:NestJS, TypeORM, PostgreSQL, Supabase;实时通信:WebSocket, Supabase Realtime;认证:Clerk Authentication;部署:Vercel
核心功能:
实现了基于WebSocket的实时游戏状态同步,确保多人对战的一致性。
设计了可扩展的游戏房间管理系统,支持多人同时在线对战。
开发了独特的随机事件系统,包括棋子升级、复制等特殊效果,增加了游戏的趣味性和不可预测性。
实现了实时投票机制,让玩家参与决定下一个随机事件,增强了玩家的参与感。
使用Framer Motion实现流畅的动画效果,提升了用户体验。
实现了响应式设计,支持多设备访问,确保游戏在不同设备上都能流畅运行。
添加了实时聊天功能,增强社交互动,让玩家可以实时交流。
项目成果:
支持多人同时在线对战,平均响应时间低于100ms。
用户留存率提升30%,获得了积极的用户反馈,特别是对创新玩法的认可。
月哥训练营
时间:2025.01 - 2025.02
技术栈:前端:Next.js, TypeScript;后端:Nest.js;人工智能:Ollama, dify;状态管理:Redux;设计:CSS Modules, Glassmorphism
核心功能:
全栈设计并实现了一个训练营网站,包括教师端和学员端,支持中英文内容展示。
开发了社区列表、帖子管理、评论系统,AI知识库推荐,RSS/API信息聚合等核心功能。
使用CSS Modules和Glassmorphism设计风格,创建了现代化的用户界面,包括毛玻璃特效和平滑动画。
通过Redux设计优雅的状态管理方案,处理用户认证,并用React Hooks管理组件状态。
开发了灵活的社区创建功能,支持自定义图标、话题标签等个性化设置,增强用户互动体验。
项目成果:
提供了一个功能齐全、用户友好的训练营平台,支持多语言内容展示和社区互动。
用户反馈良好,特别是对现代化设计和流畅用户体验的认可。
Next+Nest的科技舆情聚合协作分析系统
时间:2022.01 - 2023.10
技术栈:前端:React, Next.js, TypeScript;后端:Nest.js, Azure CosmosDB (Gremlin);API:Whisper API, Semantic Kernel;运维:Azure DevOps, Rancher, Sentry
核心功能:
开发了一个一站式的RSS源聚合协作分析平台,支持关键词组合检索和AIGC界面输入。
利用React+Python Flask搭建PoC产品demo,验证了项目的可行性。
利用Next.js+TypeScript+Nest.js搭建MVP平台级产品,实现了用户语音输入和文章内容及洞见提问。
使用Azure DevOps管理运维平台,监控用户产品使用痛点并改进。
优化了WebSocket连接管理,提高了系统稳定性。
实现了优雅的错误处理和断线重连机制,确保系统的高可用性。
项目成果:
产品成功上线并稳定运行,用户反馈良好。
提高了决策干系人的工作效率和信息共享能力。
通过实时数据更新和状态广播,增强了用户体验。
工程数据中心
时间:2021.04 - 2021.07
技术栈:前端:CSS, Vue.js, Vuex;后端:SASS
核心功能:
设计和实现工厂变更管理界面,采用SASS技术实现自定义垂直-水平时间线组件,提高了用户交互体验。
开发全局搜索页面,通过后端分页懒加载优化搜索性能,实现单用户搜索历史记忆功能。
基于BIMFACE的工厂模型可视化页面开发,解决了模型卡顿问题,提升了页面性能。
文档管理DBS目录树页面开发,优化目录结构展示,提高了文档管理效率。
项目成果:
提高了工厂变更管理的效率和用户体验。
优化了全局搜索性能,提升了用户满意度。
解决了工厂模型卡顿问题,保障页面流畅运行。
Novelmonkey
时间:2023.12 - 2024.04
技术栈:前端:CSS, Vue.js, React;后端:Python Flask, Next.js, Nest.js
核心功能:
优化Next.js SEO,包括SSR、预渲染、机器人等。
设计和开发多个AI应用体验,如聊天机器人和AI写作编辑器。
成功上线网站,实现盈利。
项目成果:
网站成功上线并获得用户认可。
通过AI技术提升了用户体验和内容创作效率。