React

项目前端部分使用react、antd、sass、threejs、solidity智能合约进行开发，需对接数字钱包如metamask、imtoken等 1、项目分为首页、游戏模块（地块、熔炉、宠物使徒、地块与宠物市场交易、红包、宝箱、装备、资产模块、数字货币交易或质押等）、智能合约模块。是一个元宇宙类型的数字货币网站 2、功能上我在里面负责首页、宠物使徒、市场、红包、宝箱、资产、装备等模块，样式上我负责整体的样式布局、多端等 3、主要难点：thressjs开发地块部分、solidity智能合约对接、数字钱包对接等

●龙港社区智慧电力 主要功能：该系统为大屏，针对社区数字化用电情况，从民生民情、产业振兴等角度分析用电情况，用可视化大屏为客户提供直观分析角度，并提供后台数据录入功能页面，方便用户自主导入数据，生成页面可视化界面。 1.从客户提供的文档及数据资料中整理分析得出系统该有功能以及衍生产物，输出原型文件及文档内容。 2.与客户交流沟通确定需求后，进行任务排期、人员划分。 3. 使用 umi 脚手架+webpack+typescripts 搭建基础框架，配合 Antd UI 框架，图表部分使用 Echarts 实现图表功能，并采用 graphql 与后端进行接口交互。 4.完善系统整体功能，改进并维护。

● 旋转型设备故障预警诊断系统 主要功能：该系统为工业方向主营产品，实现旋转型设备远程可视化监控，主要功能包括设备列表、预警诊断及详情、统计图表、诊断工具等基础功能，同时该系统具有主题换肤、3D模型渲染等功能。 1.负责整个系统前端架构的搭建，设计了高效的代码结构和模块划分，提高了开发效率和可维护性。 2. 系统采用 create-react 脚手架+webpack + typescripts 搭建，配合 Antd UI 框架及 graphql 接口调试。 3. 使用 echarts 图表工具开发了频谱图、波形图、瀑布图等算法所需图表工具，可与图表进行交互，进而分析数据。 4. 使用 three.js 渲染旋转型设备，实现模型与数据联动以及3D场景的基本功能。易用性实现原理开发技术兼容性交互设计

大模型聊天对话系统 websocket长链接通信对话，实现双工实时通信 对接大模型eventstream流式输出效果，保证大模型响应平滑 丰富的交互操作和定制话功能特性

使用react，antd，django，postgresql，docker。 后端使用django编写接口，有详细的开发文档，从0到1开发。 有成套的开发模板，可快速开发新项目。

● 智慧楼宇管理平台 主要功能：该项目为与上海国网合作的基于 AI 大数据分析的用户用能分析评估应用，以世博三联供为主要数据支持站点，结合已有数据实现系统评估、策略分析、后台设置、报表统计、用能分析、负荷预测、系统优化、数据管理等功能。 1.作为产品经理角色，从项目前期与客户沟通开始，了解项目需求以及数据现状，初步制定系统雏形。 2.与对方项目经理不断沟通项目需求，并去支持站点了解现场人员需求，完善系统功能，并输出相关文档。 3. 制定项目开发计划，分配开发人员，使用 umi 脚手架搭建前端开发框架、根据实际页面搭建 UI 框架、封装公共组件后、交给实际开发人员，把控项目开发质量。 4.配合商务部门输出验收文档，完成项目验收。

定期检查系统主要有道路定检、桥梁定检、隧道定检、边坡定检、作业组管理等模块，主要功能有桥梁定检的项目计划、工作计划、病害位置描述、评分数据模型、病害列表、检测作业、检测历史、构件拆分规则、统计图表；道路定检的项目计划、工作计划、病害列表、检测作业、检测作业、检测历史、评分数据模型、单元划分、统计图表，隧道定检的项目计划、工作计划、评分数据模型、病害位置描述、病害管理、统计图表、检测作业、检测历史；边坡定检的项目计划、工作计划、评分数据模型、病害位置描述，病害列表、检测作业、检测历史；作业组管理的作业组。

1、项目介绍  该项目是一个涵盖广告主与流量主的一站式综合型广告投放管理平台，主体分为DSP和SSP两部分，需求侧包含 广告主账户管理，广告管理，财务数据管理，落地页管理等；供给侧有媒体管理，活动管理，财务管理，设置等。 2、项目职责  负责落地页管理、财务数据管理和标签管理模块的开发  负责项目的版本迭代和日常优化 3、技术要点  使用umi的plugin-access实现对路由权限的控制  使用initialState对用户信息、页面默认配置、全局loading等集中状态进行管理  通过react-ace实现快速搭建页面  通过html2canvas实现页面的局部截图保存  代码规范和格式化使用ESLint，Prettier等工具，提高代码可读性和一致性  通过OSS+Docker实现增量部署

用于从不同的数据源中提取数据，并将其转换成易于理解的信息和可视化报表。包括图表管理，数据库管理，用户模块, 仪表板管理， SQL 工具等 项目职责: 1. 权限管理功能开发 2. 拓展可适配的数据库类型， SDK 开发 3. 图表管理(新增图表类型, 查询维度管理，常用数据图表配置) 4. 仪表盘管理，智能分析报告生成 5. Hive 离线指标表接入 6. SQL 在线工具开发，SQL 校验与分析数据预览

1. 项目分为合约管理、成本管理、数据管理、结算管理、报告管理、配置中心、中长期交易分析和现货交易管理八个模块。 我负责报告管理、配置中心、结算管理和现货交易管理 2. 技术栈：Typescript + React + React-Router + Webpack，组件库使用Antd4，数据管理层面使用了Redux-Toolkit。 3. 其中报告管理需要根据多种维度的计算和展示，灵活配置、编辑，自动生成数据图表，便捷导出为word格式应用文档或excel报表。分为三个部分，第一部分章节需要可以拖动调整章节位置编辑保存新增，第二部分的展示由第三部分图表设置来决定，前端的设计开发由我一人完成。 其中配置中心有参数配置-尖峰平谷时间、特殊日期等

使用react，antd，django，postgresql，docker。 后端使用django编写接口，有详细的开发文档，从0到1开发。 有成套的开发模板，可快速开发新项目。

1. 主要的功能模块有: 报价、询价、行情指数、园区钢企; 2. 主要是用了react+antd+webpack来实现页面的搭建, 使用echarts以及css手写动画特效来实现指数统计; 3. 结合移动端, 实现图片的跨端传输, 图片的分片上传等;

自动化测试平台前后端。 支持任务下发，任务日志分析，数据可视化。 支持用户管理，支持IOS,安卓，pc，mac，web测试。

1、项目包括区校统考：组织多地区、多学校的英语口语考试；内容平台：口语试卷可视化编辑；线上平台：校外学习英语口语；考中平台：口语考试的时候，教师进行微管理功能。 2、个人作为前端架构师，负责项目的开发和管理，采用echart、electrom、webscoket等技术，实现相关功能。 3、主要难点在于跨区域，跨校，跨设备的实时通讯，由于主要受体是学校，相应设备优差不一，所以需要多次进行通讯校验处理。

该平台为官网+后台管理系统+公司客户端系统+app+h5综合打造的游戏账号交易平台，具体信息可参考官网地址：https://yuanawl.com/h5/#/home

中国蒙牛乳业有限公司，针对企业内新的吧、冰品、天鲜配等多条新零售产品业务线，运营监管乏力，营销推广混乱，战略决策没有支点等实际情况，《蒙牛智慧零售运营管理平台》等一系列配套子平台应运而生，协作运行，构建了蒙牛集团智能柜新零售行业新标杆、新模式、新起点。该平台以蒙牛集团各业务产品线为业务基点，以蒙牛集团总控平台高度，以筹备+运营+运维+营销+零售+报表分析为平台主线，从筹建到上线交付历时9个月，已具备推广和大面积投运要求。平台主要分为「多租户管理平台」、「运营管理平台」、「IOT设备管理平台」+多算法设备厂商、「营销管理平台」、「企业微信运维助手(零售智能柜)」、「支付宝+微信C端交易小程序」。管理后台采用SpringCloud微服务框架为核心后台框架，进行业务功能开发并提供健全的安全保障机制。前端采用VUE3+WebPack等前端组间构建B端应用功能界面。整个平台已蒙牛集团>品牌租户>合伙人租户>运营主体为核心四级运营管理架构，各子平台功能能力划分明确，角色权限控制精细，实现从品牌/合伙人租户入驻，角色权限分配，企业用户企微绑定，点位、合同、

1.react16.8+webpack4+antd+typescript 搭建项目框架 2. 使用eslint，prettier，commitlint 对项目的代码进行规范。 3. 使用useAsync 与ErrorBoundary 处理项目中的错误边界。 4. 使用react-router 与redux 对前端权限进行控制(资源权限与数据权限)。 5. 使用自定义hooks(useResize,useDebounce…)实现对业务中复杂逻辑的复用与 抽象。 6. 对 antd 的组件进行二次封装，使用 react 的Ts 内置工具类型实现 props 属性透 传，并使用react-testing-library 对组件进行测试。 7. 使用react-beautiful-dnd 开发拖拽生成form 表单组件。 8. 使用react-query 负责数据的请求,处理与缓存。 9. 使用speed-measure-webpack-plugin 与webpack-bundle-analyzer 分析打包 速度与打包体积，通过提高检索速度，优化打包速度到10s左右，配置相关loader，

1.项目分为首页、产品管理模块、风险管理模块、机构管理模块、审批管理模块、营销管理模块、运营监控模块以及系统配置模块，对于超级管理员而言，以上功能均能使用，主要是用于对基金产品及其相关信息进行可视化信息的管理更新，为客户提供更全方面的产品信息展示，同时也实现了对产品、机构的审批规范化流程，提供各类数据的管理与监控。 2.我负责的主要是首页、产品管理模块以及机构管理模块业务功能的开发，使用的是SpringCloud框架，前端使用的是React，数据库使用的是MySQL，期间完整并高效的实现了需求的相关功能。

1、clickpass 为低代码平台，提供给企业或个人快速搭建各类服务包括（crm，erp，mes，scm，qms）等平台的功能 2、个人负责其中的daas模块。daas模块包含大数据可视化、数据处理、报表、数据预警平台、大屏、画板等功能 3、利用qiankun功能，实现微组件功能，大屏画板中的组件，可以实现自定义开发。 4、daas模块，是clickpaas的重要模块之一，可以在搭建的平台中，快速生成所需图表。 5、clickpaas低代码和很多优秀企业达成合作，包括普华永道、中国中车、企通数字化、布路通等

aigc写作助手 对接大模型丰富的扩展润色写作能力 富文本编辑扩展能力，个性化订制 绘画历史维护，保存用户历史和回溯 开场指引，新手引导效果