react

本项目基于React开发 主要技术栈使用 React + Redux + Ant Design； 1、本人主要负责该项目所有功能的编写； 1、产品功能涉及到用户的胎监，血糖，异常提醒、健康报告等等健康监测功能，IM部分涉及到用户与医生的聊天，群聊,用户订单、下单等服务功能。

1. 复杂的React前端 2. 充分使用WebRTC, WebWorker, WebAssembly, Chrome Extension等最新前端技术 3. 后台用FFMPEG编码 4. Java/Springboot + mysql 用于登陆验证等常规模块 5. InfluxDB 时序型数据库用于监控

1.负责权限模块，疫情信息，疫情管理，消息通告等模块的开发和维护 难点： 1. 使用 immutable + redux-immutable 来管理 数组和对象等可变对象 变为不可变对象 2. 富文本编辑器 Braft Editor 的使用 3. 下载 china.js配合新浪疫情接口以及 Echarts 数据展示，实现全国各个省份的疫情数 据可视化操作； 4. 配合 Ant Deagin Pro 组件库实现动态侧边栏以及 Prolayout高级布局 5. ProForm高级表单组件的二次封装

1. 使用zan ui+webpack+react+es6+webstorm+axios进行整体项目搭建。 2. 可创建不同店铺，进行多店铺入驻和操作。 3. 商品实现上架，下架，库存，采购，价格定位等功能。 4. 订单实现发货，退款，售后，配送信息等功能。 5. 实现统计微信小程序下单情况，分销员可进行分销统计提现等功能。 6. 不同权限账号，显示不同可操作事项，管理员可分配账户。 7. 可进行奶工的考核，答题，奖励，消息推送，分配奶工的事项。

本系统是机遇目前最新的语言来开发并且实现了云部署，因此能实现更强大的功能。对于客户使用性便捷容易操作是我们的亮点。舍去了以往以表格为主的信息录入方式，搭配硬件后能更简化工作量提升员工的效率，并简化了部门之间的沟通成本。通过更符合逻辑的仓储管理及进出库的方案，降低对于原料的损耗率。综上所述最终达到了降本增效的效果为企业开源节流。

1. 给码云负责人提出前后端分离的提议。 2. 前期培训，为码云方面提供的前端开发人员进行React的基础培训。 3. 为React开发，选定各种基础库（确定基础开发环境，定制 webpack 环境），选定CSS UI框架，并根据码云原版企业版的样式定制一套基础 CSS。 4. 开发大量的底层组件，负责部分功能开发 5. 帮助解决其他前端成员开发中的问题。 6. 优化既有功能、样式，UI体验优化等。 具体访问码云 Gitee 企业版可查看具体功能。

网关控制台，分为用户模块、功能模块、监控模块 整个项目由我独立完成，使用angular框架，ui库为antd，监控模块引入echartsjs，其中项目引入的动态表单渲染方案formily2

1.对项目进行安全加密，登录进行了RSA加密 2.重构wap站购物车、登录、填写订单等页面 3.领券等功能增加了滑块防人机校验，提高应用的安全性

工作案例整理： 项目名称：宽带/手机套餐销售及渠道商管理平台 项目概述 本项目自主搭建了一套功能完善的宽带/手机套餐销售及渠道商管理平台，实现了套餐管理、用户管理、商户管理、业务办理、渠道商推广等功能，满足电信运营商对业务管理和渠道商管理的需求。 项目亮点 支持多种套餐管理，满足不同用户的多样化需求。 提供便捷的用户注册和登录方式，提升用户体验。 赋予渠道商推广功能，助力业务增长。 采用现代化技术栈，确保平台稳定性和扩展性。 我的职责 负责项目全流程开发，包括后端和小程序端。 设计并搭建系统架构，优化数据库性能。 开发API接口，对接微信小程序。 技术栈 后端：PHP、Laravel 数据库：PostgreSQL 小程序端：Taro、React、RxJs 项目难点 对接微信小程序，实现扫码注册登录和页面跳转。 后端生成二维码和推广海报。 优化系统性能，满足高并发用户需求。 项目成果 成功搭建宽带/手机套餐销售及渠道商管理平台，拥有1万多个注册用户和几百个渠道商。 平台运行稳定，用户体验良好，渠道商满意度高。 提高了业务办理效率，降低了运营成本，助力业务增长。 项目展望 基于平台数据进

1. 利用react，ant design，ant design mobile，技术进行PC端、移动端产品界面 的前端开发。 2. 通过react-router，redux，immutable，webpack，axios，less，antd技术完成 页面全部开发。 3. 通过react-router路由实现单页面跳转，子页面使用二级路由。 4. 使用axios进行Ajax请求，获取数据，循环渲染数据列表等。 5. 使用react-redux进行状态管理，并且将状态进行将模块化管理。 6. immutable将原生的 json 可变的数据结构，变为不可变的数据结构。 7. 不同权限账号，显示不同可操作事项，管理员可分配账户。 8. 不同人员对订单进行一步步审核(供应商/银行/库管/借款人/品牌商)。

哆.生活APP：好好记录、认真生活、不枉这一天的美好( •̀ ω •́ )y~ 介绍：一款记录生活待办、待办提醒、番茄时钟、阅读记录等功能的APP，旨在帮助自己更好生活！ 技术栈：react native + expo + sqlite 主要功能：待办、笔记、工具箱、待办计时、待办提醒、消息提醒、待办完成情况统计、阅读统计、大事件记录等功能 体验链接：https://cowtransfer.com/s/481dff40bd7d48 点击链接查看 [ duo-dian-life@v1.0.4.apk ] ，或访问奶牛快传 cowtransfer.com 输入传输口令 tqywqg 查看；

该平台围绕 NFT 衍生为目的，有很多子平台： 1. pd1-(https://www.pd-1st.com/) 2. wings-(https://wings.capsid.one/) 3. nft-(https://nfr.capsid.one/) 该平台前端核心技术栈：reactjs+nextjs+ethers.js+metamask

1、项目介绍：某运营商政企系统是面向全省的政企客户经理使用的内部系统，提供政企业务受理、订单、合同、开通等全套政企业务办理的系统。 2、我的职责：部分后端接口研发，单点登录研发，系统功能设计，项目管理

1. 系统具有首页，用户管理，权限管理，新闻管理，审核管理，发布管理模块 2. 本系统全部由本人开发实现，该系统主要实现了新闻发布的后台管理，还实现了用户单独查看新闻的一个独立系统

该云平台以虚拟化产品及其虚拟化服务为中心，主要运用了react，antd，iconfont实现平台的交互和设计。 项目为一个前后端分离的后台管理的SPA，包括前端PC应用和后端应用 包括虚拟化产品、用户管理、角色管理、系统管理等功能模块 前端：使用React全家桶+Antd+ES6+Webpack等技术 采用模块化、组件化、工程化的模块开发

数据传输服务(Data Transmission Service)是一种集数据迁移、数据同步及数据订阅于一体的数据传输服务。 项目主体分为数据迁移、数据同步、数据订阅等模块，支持关系型数据库、非关系型数据库、数据多维分析。用户可以在云上对数据进行端对端的迁移与同步，常用于迁移数据库、异地灾备等。 根据用户体验负责前端优化，例：优化各页面加载、封装公共业务代码、优化或重新封装组件等。定义规范，开发与其它系统之间的交互、引导功能，根据业务提取设计、接口文档并分享，负责公有云新加入数据库对应的链路及新功能的前端开发，及负责私有云部分版本功能添加、修复系统运行过程中产生的各类问题。重构。 使用console框架(angular)，xconsole框架(react)

该小程序为码云（深圳市奥思网络科技有限公司）企业版功能的小程序实现。可在微信搜索 “Gitee 企业版” 找到。为码云官方授权认证的小程序。 该小程序实现码云企业版的主要功能（适合在移动端操作的），包括任务、仓库代码查看、仓库报表统计、PR评审管理等。该小程序支持多套主题换肤。 该小程序由本人开发全部功能。

1、某金融机构的WEB客户端托管网银应用及各种衍生子应用。 2、负责架构设计、框架搭建整合，交互复杂基础组件封装等；采用微前端架构，网银作为主应用，其余相关衍生应用为子应用，无缝自由切换，主子应用多个项目不同项目团队开发维护，自由搭配运行时耦合，提高开发效率，降低维护成本。 3、微前端的架构设计，webpack+qiankun+typescript+vue/react的微前端开发工程搭建框架整合,封装友相关辅助支持依赖插件。

本项目为Shopify的数据追踪平台，整合各大商店聚合数据，方便客户整理相关内容； 项目技术栈使用 Nextjs + Recoil + Material-UI + Tailwind CSS; 1、本人主要负责项目的底层搭建与主题架构，项目采用Nextjs的服务端渲染来处理页面数据，部分数据页面使用到ISR增量渲染与SSR实时渲染来呈现； 2、也会处理一些页面中的多图标渲染，数据的处理方式与性能优化等等；

个人管理后台项目，antdesign-ts架构，普遍适用于管理后台数据 自定义参数编辑器，修改系统参数无需开发人员 echarts提供数据报表分析 用户权限管理，赋予用户接口级的权限