react

官网：使用服务器端渲染技术和多种语言。 项目技术栈：Quasar + Vue + Vuex + Vue-i18n + Axios 后台：用户管理，艺术品管理，权限管理，⻚面管理，图片管理。支持多种语言。 项目技术栈：Nuxt + Vue + Vue-i18n 接：提供官网和后台的接。支持多种语言。 项目技术栈：Midway2.0 + TypeORM + MySQL + JWT + Swagger 自动化部署：本地提交代码到 github 触发 webhooks，发送一个 yobo-deploy 提供的服务，从 github 拉取代码。pm2 监控代码如果更新，自动重启。

后台管理系统大多都是一些页面交互的增删改查，因为设计到公司协议不方便多透露，购物车的化就是用vue的vuex状态管理，实现新加购物车，删除购物车，加入收藏和去取消收藏

2022年，公司与成都经济委合作研发的人工智能产业大脑，以人工智能产业大数据资源为核心，依托成都市新经济公共管理服务平 台，结合网络多源数据抓取，实现公、私域数据资源的归集、治理，形成人工智能产业要素明细数据、标签数据和指标数据的产业数 据资产，为人工智能产业分析研究及各项业务应用提供数据支撑。

集合了海量 steam 游戏的游戏服务平台，提供了3A大作试玩、游戏购买特惠折扣、游戏回收、云游戏、游戏网络 环境加速等综合服务的应用 ● 遵循系统业务领域架构演进、高内聚低耦合、DDD 等指导原则，拆分多个微服务 ● 微服务治理框架技术选型采用 SpringBoot、SpringCloud 框架 ● 其他核心技术框架包括不限定于 Nginx、Zuul、Mybatis、MySql、ElasticSearch、JetCache、Redis、Kafka等 ● Jenkins 自动化构建部署容器镜像、部署阿里云容器服务、支持高性能可伸缩的容器应用管理能力

一个灵活的代码生成平台，可以自定义代码模板，配置字段映射，可以选择不同数据源，比如MySQL、json等，能够查看历史记录，能够统计代码生成量

对智能浴缸app的运营管理平台，方便商家在多方面，多视角下对产品运营，销售订单，商品明细以及会员账户相关信息的统一管理以及对会员信息,积分记录以及对优惠券种类,领取规则,使用记录和获取记录进行统一设置管理，极大的提升了商家的管理效率。

projects项目管理是一款用于企业中管理项目目标和项目开发进度的软件，其核心分为项目计划、项目工时管理、任务管理、问题跟踪和工作流、图表和报表等模块。项目计划是对项目的目标和整体规划如里程碑划分、里程碑完成情况和确认是否有成本出入等宏观方面的观察和管理。任务管理则是对项目拆分具体的每个任务进行跟踪和管理，每个人物跟踪到人，以及完成时间。而图表和报表用于定期分析项目的整体进度，以及是否和目标有偏差等。 本项目后端采用java开发，为了高效检索以及快速分析能力，引入了ElasticSearch全文检索技术实现方便快捷的检索能力和数据分析能力。其中前端使用React开发。

【微前端】采用微前端的技术架构，完成主应用与子应用的通信 【系统能力】复杂table、复杂图表的实现，异步导出等的实现

一款短篇阅读类APP。在职期间与Ruby端同事合作剥离高耦合的老简书项目中部分复杂业务功能页面，将PC端和手机端独立为不同的项目，以便于推进新功能的开发和各种商务需求的抽离，前端页面各端文章详情页拆分为独立项目。

1.企业官网产品设计，原型开发 2.go语言搭建gin微服务 3.taro小程序开发 4.mirco-app搭建前端微服务 5.https://github.com/asuncm公司仓库地址 6.https://github.com/zhangwenbin0516个人仓库地址

唐库新零售为自研SAAS平台，为各类门店提供门店收银，微商城，进销存ERP，会员营销，支付等解决方案，包括零,售类，餐饮类，生活服务类等，主要产品有收银机，自助点餐机，电子秤，扫码点餐，微商城，ERP管理端，价钱打印，商家助手，盘点器，台卡，POS机，厨打叫号，人脸终端，钱箱等。

预览 https://nasuyun.com/blog/metric ；数据采集监控系统是一种集数据管理、质量监控和性能分析于一体的软件解决方案，可在移动端和PC端跨平台展示。它通过实时监控数据采集过程中的关键指标，如数据质量、性能表现等，提供直观的数据展示界面，帮助用户迅速了解数据状态，并通过警报机制及时应对异常情况，从而提高数据采集的效率和质量。

1.主导实现了云账户 BPL 业务组件库，提供稳定高复用性的通用业务组件，规范用户交互体验，提升开发效率，支持自定义扩展。组件库涵盖了Modal 对话框、Card 卡片列表、TooltipButton 文字提示按钮等20+业务属性组件 2、针对移动端h5和微信小程序的业务场景，给予taro 开发了公司内部业务组件库。如Form 表单、space、list 列表等16项组件

项目规划： 与项目管理者和设计师合作，制定详细的项目计划和时间线。 前端开发： 使用React.js构建动态的用户界面，利用Redux进行状态管理，确保应用的响应性和可维护性。 后端开发： 设计和实现RESTful API，使用Node.js和Express处理服务器端逻辑，存储用户数据和课程内容于MongoDB数据库。 云服务部署： 配置AWS服务，包括EC2用于服务器部署，S3用于静态资源存储，RDS管理数据库。 安全性： 实施HTTPS，使用JWT进行用户身份验证和授权。 性能优化： 对网站进行性能分析和优化，确保快速加载和良好的用户体验。 测试与调试： 编写单元测试和集成测试，使用调试工具确保代码质量。 文档编写： 编写开发文档和API文档，为后续的维护和升级提供参考。 团队协作： 与设计师和产品经理紧密合作，确保前后端的无缝对接。

用于展示React Native 手机端快速开发能力的菜谱网站页面UI包含的UI及技术：React.js React-Icon 响应式布局 ReactNative 此外还可以承接Next.js网站开发工作， 包括前后端简单商业逻辑需求的快速开发

项目介绍： 负责团队内前端自定义Hooks的封装与静态站点的构建，通过测试用例，保证交付Hooks的稳定性及健壮性，减少重复开发工作量，提供最佳实践。 功能描述： 使用pnpm作为包管理工具，提供基础能力封装； 使用gulp和webpack实现UMD构建，将发包流程植入CI实现自动化发布，同时支持CHANGLOG的自动化更新部署； 针对封装后的产物能力，使用dumi搭建静态站点，提供完整的出入参类型声明； 使用jest对hooks进行测试用例的编码；

根智能会议预约管理软件，可以根据需要参会的人员的日期安排，自动规避可能的会议冲突，将会议安排一个合适的日期。它可以同步你自己的日历，邀请团队成员添加他们的日历。为每个部门创建工作区，并在移动设备上管理日程。设置个性化邮件，同步CRM系统。 本项目后端使用Go语言+gin框架开发，前端使用Vue+iView框架开发，并且打通日历和CRM系统，将日程与移动设备关联，以及会议提醒个性化邮件提醒等。

内容: 1、可视化大屏低代码系统项目，技术选型和搭建 2、系统技术栈:react + react-router-dom + react-redux+ ant design + typescript + sass 3、可视化大屏 designer 页面设计，柱状图，折线图，饼图，地图等组件的开发 4、基于 vue 系统设计的云空间报表系统，日常开发和大宽表的性能优化 5、日常线上问题排查和解决 业绩: 1、从0~1搭建了低代码可视化大屏系统，方便银行大屏的搭建，让汇报数据更直观，使用更方便 2、解决了云空间系统报表加载性能，增强用户的体验度，使其业务更加广泛 3、团队技术人员之间每周技术分享，不断提升团队人员的技能

- 使用 React.js 框架, Node.js, HTML5、CSS3和JavaScript, 完整实现了一个点餐系统，支持用户浏览菜单（Meals.jsx）、添加商品到购物车（Cart.jsx）、编辑购物车项（CartItem.jsx）和结账（Checkout.jsx），同时提供了错误处理（Error.jsx）和用户界面的反馈 https://github.com/qyy752457002/React-Food-Order-App - 利用Node.js和Express框架实现的后端服务，包含两个主要路由处理函数：app.get(/meals)用于检索餐品列表，app.post(/orders)用于处理订单提交 - 设计并实现了三个核心UI组件——Button.jsx（按钮）、Input.jsx（输入框）和Modal.jsx（模态框） - 采纳了前后端分离的开发模式，其中前端的Meals.jsx组件通过/meals请求与后端获取数据，Checkout.jsx组件通过/orders请求向后端提交订单信息 - 开发了自定义的React钩子useHttp.js，以封装fetch调用，简

公司结算系统分为管理端和商户端，目前外网无法访问，期间在公司负责前端团队的技术架构、核心代码审核、在公司期间技术侧带领团队实现如下业绩： 1.基于结算系统业务复杂性，将系统拆分成独立的微应用架构，实现了独立开发和部署。已在管理端投入使用，构建速度提升了 75%，显著提高了研发效率和系统可维护性 2.2021年前端技术侧启用自主研发的前端性能检测系统“灵缇”，已检测系统性能问题包括系统报错、三方库风险、性能评分低 等。未来将全面升级系统并实施监控预警 3.主导引入前端脚手架工具 Yis ，以提升团队效率和一致性。Yis 简化开发流程，集成了开发、规范、构建、发布等流程，让开发 者更专注于编码 云账户综合服务平台系统：https://service.yunzhanghu.com 使用的技术栈：ReactJS为主统一技术栈、Antd组件库、移动端小程序Taro框架以及官网涉及nextJS SSR技术栈。