React

本人独立自主研发了该项目，采用前端技术react-+antd进行开发，该项目是面向群众，出现问题，反馈问题的系统。有登陆注册，问题反馈，查询评价等功能。该系统由，pc和移动两种，电脑不方便的可以通过微信公众号进行问题反馈

目标人群： 被忙碌的工作淹没了生活目标的“打工人”；以目标为前进导向的“打工人”；经常切换目标的人（目标不坚定的人） 作用： 1、通过在小程序定制自己的目标，可以随时随地去查看自己的目标，坚定自己的方向，在迷茫的时候辅助自己做出选择。 2、可以将目标生产图片，作为手机屏保，实时提醒自己，加深心理映射 3、对比目标变更历史，查看自己的成长轨迹，检讨变更的原因 目前功能——一年小目标 1、竖向——维度 时间： 一年四个季度——每个季度的计划 2、横向——分类 学习：看书 、上课、考证 事业：工作、学业等 生活：体育健身、旅游、社交 3、功能 自定义背景图 导出适合实际屏保大小的图片 目标的完成状态

橙天嘉禾剧场是橙天嘉禾集团旗下自营剧场 抖音搜索：橙天360剧场，找到 线下门店 - 剧场预售票 微信搜索：橙天嘉禾 或 橙天嘉禾剧场 业绩: 为剧场提供了微信端的在线购票入口，极大地提升了购票体验

项目简介：一款向学生推送美食的南大家园内部小程序 技术栈：React + Vite + TypeScript、Zustand、Antd、framer-motion、less 项目职责：主要负责应用UI页面、摇一摇、评论电站以及店铺的搜索收藏等功能；通过对axios的二次封装统一管理请求，便于 代码维护和更新；使用缓存、DNS优化以及framer-motion优化页面和图片的加载，提升页面数据响应速度和用户体验

项目简介：为教师提供对学生综合测试能力评估以及对奖学金分配的管理后台 技术栈：React + Webpack + TypeScript, Redux Toolkit, Exceljs, Material UI 项目职责：主要负责用户登录模块、路由鉴权、导出学生数据以及对学生信息修改评审功能；基于LocalStorage和axios的拦 截器实现token存储和刷新；使用Redux Toolkit和React Hooks优化页面渲染流程；通过Exceljs实现可自选字段的导出数据 功能并下载到excel表格中

快洗兔是一款提供上门洗车服务、自助洗车扫码服务、高端定制化洗车服务的小程序。 1.此款小程序主要面向C端用户，随着都市生活节奏的加快，为了满足忙碌都市人的需求，我们开发了这款集上门洗车和自助洗车于一体的微信小程序。无论是家庭车主还是商务人士，只需几个简单的点击，就能享受到便捷的洗车服务，节省宝贵的时间，让爱车焕然一新。 与市场上其他洗车服务相比，我们的小程序具有以下独特优势 1.多样化服务模式：根据不同用户需求提供上门洗车、自助洗车和定制化洗车服务，满足各类消费者的需求。 2.智能站点匹配：采用多站点模式，根据用户位置自动推荐最近的服务站点，确保每位用户都能享受到便捷的服务。 3.一键洗车功能：根据用户的消费历史和车辆类型，提供快捷下单选项，操作简便快捷。 4.定制化洗车服务：针对有特殊需求的高端用户，提供定制化洗车选项，用户可以选择不同部位使用不同材料，确保洗车品质。 5.AI 智能推荐：用户可以描述车辆状况，AI 根据车况和站点情况提供定制化推荐，用户可以直接下单或保存定制详情。 6.实时订单追踪：用户下单后可以实时查看服务人员位置和订单状态，减少等待时的焦虑。 7.营销模块：提供签到领券、消费返券等多种营销活动，增加用户粘性。 8.推荐人系统：用户可以通过扫描二维码推荐新用户，系统将自动记录相关数据，便于后台统计分析。 9.智能派单系统：根据订单地址、服务人员位置和状态智能派单，优化资源配置，提高效率。 快洗兔由快洗兔客户端(微信小程序)与快洗兔后台管理端组成 主要使用的技术有: 持久层数据库:MySql 缓存:Redis 中间件:RabbitMq消息中间件 后端:Java，Spring生态，Nginx，Tomcat，Python等 前端:uni-app，Js，Ts，React，Vue3，Node，Ant框架等 UI设计:Figma，蓝湖

1.此项目面向对象是公司的客服部门，解决了客服人员每天面对数量庞大的咨询量时的回复不及时、漏回复、错误回复等问题，提高了部门30%的工作效率 2.此项目主要是使用了qwen-1.8b大模型学习训练识别意图信息，提取有效槽位，实现机器人快速、精准的回复 3.本项目使用了spring全家桶、mysql、redis、rq、阿里云sls日志、react等技术

1.主要为银行科技部提供软件生命管理； 2.项目分为需求管理、项目管理、外包管理、考勤管理、全流程服务等模块；需求管理提供从需求提出、需求分析、需求拆分和排期等一些列管理；项目管理提供立项、组建团队、定制高层计划、启动、监控等过程管理；外包管理提供人员入场、资源分配、人员离场，外包结算等服务，考勤管理提供人员打卡、报工、请假、补卡等服务，全流程服务对接其他各系统，实现一体化管理 3.项目采用spring boot微服务结构，各模块可以独立运行，方便业务的扩张与解耦

该产品为AI聊天平台，使用Nextjs+ShadcnUI开发，包含聊天应答，文件上传，聊天模板保存（二次使用）等。 用户可通过输入聊天内容，上传文件，或使用模板的方式，同AI进行聊天，并实时流式渲染结果。包含文字信息，表格，markdown格式，echart图表 该产品仅供预览，为线上运行项目。

一个炫酷的3D地球旋转效果，还有例子动画，可以运用在大屏里面。还有很多其他原创模板，因为所在公司保密关系，不好网上上传，如果想要，可直接联系我。 另外： 本人有前端6年开发经验，能够做到： 1、炫酷大屏效果 2、d3js、threejs效果 3、css动画效果 4、一比一UI设计图还原 5、开发效率高

面向酒店：我们实现了对酒店的管理包括对房间的打扫，预定，以及门锁等相关方面的管理。包括用户角色，系统设置等基础的功能 面向酒店客户：我们整合了酒店场地和各种电竞赛事的预约比赛打造了一站式的管理模式。去掉了不必要的人工参与 职责：主导前端开发库整体实现了酒店所需的各种业务功能模块

1. 该小程序面向4S门店员工，主要解决在手机端进行日常工作的痛点。 2. 小程序使用Taro+React+Typescript开发 3. 主要功能包含：客户信息浏览，编辑（AI语音识别），标签管理。代客预约试驾、绑车、活动参与。向客户发送卡券、活动资料，车书等。 该项目仅供预览

(此商业项目仅做演示，个人项目可见我的个人项目，个人项目包含前台，后台，服务端所有源码,可以试用和定制): 手机银行APP: 一体化服务的手机银行app,其功能包括如下: 基本功能: 客户开户、用户存取款、同行转账、跨行汇款、用户个人财产管理、资料维护等 生活化功能: 信用卡功能、生活类缴费、个人退税、小额信用贷款等 理财相关: 证券期货交易、银证通功能、基金申赎等 业务中台主要包括柜员端和运营端，上游对接客户端APP，下游对接银行核心系统: 柜员端: 主要提供柜员相关操作，如存取款手动处理，客户开户初审，面签，电子签名等；信用卡相关操作，客服相关功能提供，各类缴费申请、退税申请、基金股票申赎初审批等功能；用户开户、用户信息、用户交易等查询功能 运营端: 主要提供人员组织架构的调整功能，角色授权、以及柜员端初审事项的复审批功能；用户开户、交易、柜员操作等记录查询、流程驳回等功能； 技术组成,手机银行APP共有两个版本，如下: 2.x以上版本： 移动端采用hybrid混合架构开发，采用H5嵌入原生壳子的方式，h5 web端使用vue技术栈，基于webpack搭建构建体系。 1.x版本: 采用React Native技术栈开发。 两个版本皆接入旷视OCR、人脸识别相关的第三方sdk，实现所需KYC步骤 后台: 统一使用React技术栈，采用ant design作为UI框架，使用webpack作为构建工具，后续引入了低代码平台如aims+Typescript的解决方案，提升后台功能开发效率。

大数据可视化平台 类似 Tableau - ag-grid 功能开发、格式配置、版本升级、日常维护等； - react、redux、material-ui、echarts、react-grid-layout 等实现报表&仪表盘的编辑和预览； - rc-tree、react-dnd 实现资源树及其选择/拖拽/搜索/节点移动等； - braft-editor、braft-utils 实现动态文本框； - 通用组件封装如 Slider、DateSlider、ColorPick、ErrorBoundary、指标卡、Resizable 等； - 设备模拟、主题色卡、性能优化（资源树缓存、请求缓存）等需求。

数据大屏后台管理系统 全栈开发 项目介绍：基于react1 8 + ant-design的后台管理系统以及可视化大屏的解决方案，提供了丰富的功能组件模块， 快速搭建企业级中后台的前端架构。其中包含图片处理（裁剪、压缩、合成）、视频处理（播放器、播放插件）、 文本编辑器（Markdown编辑器、富文本、代码编辑器）、流程图编辑器（审批流程图、BPMN流程图）等多功能 后台的模块。其中数据大屏采用DataV-React+echarts构建而成，实现了多功能的后台集成系统。 技术栈：react1 8 、vite、ts、redux、axios、mockjs、antd、echarts、data-view-react 主要成果： 1 . 数据大屏：采用echarts和data-view-react实现动态地图数据流向以及图表监控的数据大屏 2 . 提高复用：封装多个组件便于复用，如大屏组件、表单组件、文件上传组件等 3 . 功能模块：开发多个功能模块，如图片处理、视频处理、文本编辑器等模块 4 . 权限分配：根据不用的用户控制不同的功能模块使用

项目描述： 即时通讯工具是模仿微信做的公司内部使用的通讯工具，主要包括聊天室、联系人、聊天记录三大模块，可适配手机端，由本人独立完成。 项目职责： 1、联系人用列表展示，通过手机号搜索添加，数据来源是公司已注册的用户，详情页面可直接点击发送消息按钮跳转到聊天室。 2、聊天室用列表展示，支持置顶，可直接创建新的聊天室。聊天室分一对一聊天和群聊，一对一聊天的属性界面可添加联系人直接创建新的群聊，群聊的属性界面可添加和删除人员，以及退出群聊。可发送消息的内容包括：文字、图片和文件。 3、聊天记录可通过日期、发送人和内容搜索，可查看消息的上下文，可跳转到聊天室。

借助SuperMap iServer地图服务平台和B/S体系结构，开发了基于WebGIS的可视化信息服务管理系统。系统后端基于JAVA语言进行开发并结合SpringBoot技术搭建服务框架，前端使用React框架和TypeScript脚本语言对系统界面和功能进行设计，数据处理采用Echarts等组件提供的折线图、柱状图和pie图进行渲染。系统的主要功能有： （1）用户管理模块：对不同类型的用户赋予不同的权限，保证了系统的安全性；数据的添加、删除、查阅及属性信息的录入和管理。 （2）基础功能模块：包括电子地图的展示、放大、缩小、平移、测距离和测面积。 （3）查询定位模块：通过关键字和几何查询的方式查看医院、学校、公园等公众服务单位的空间信息和属性信息并提供地图定位功能。 （4）交通规划模块:主要包含路径规划和交通换乘两种，用户可根据需求选择出发点和目的地实现点之间的最短路径分析和交通路线规划。 （5）服务分析模块：依据已有的道路拥堵数据可对长春市的主干道和行政区拥堵情况进行模拟动态分析，结合Echarts组件通过各种折线图、柱状图和pie图等形式对分析的结果进行渲染并以相应报表格式打印保存，以及救援信息的搜索和分析功能。

这是我持续维护的一个基于vitepress的技术分享站点，本人在公司内负责前端的技术培训工作，热爱钻研、分享技术，不喜欢说精通，但是用的挺好，擅长vue、react或类react、astro、nuxt等前端或服务端渲染的（全栈）框架，对Java、数据库、docker、podman等偏后端的东西也不少了解，持续精进中

类似于opensea的NFT集市项目 主要技术架构如下： 使用 hardhat 支持本地开发工作流 通过 Graph & subgraph 收集和索引 NFT 数据，提供查询 react+antd+web3.js 做前端页面，通过 GraphQL 查询 subgraph 提供的数据 智能合约除了基础的NFT交易功能外，实现了拍卖竞价等功能

面向企业用户，解决业务展示问题 根据企业用户需求，进行定制开发 运用最新前后端技术，维护方便 面向企业用户，解决业务展示问题 根据企业用户需求，进行定制开发 运用最新前后端技术，维护方便 面向企业用户，解决业务展示问题 根据企业用户需求，进行定制开发 运用最新前后端技术，维护方便