react

负责95%的页面开发，大部分是独立开发，里面包括很多页面，具体可以去网站上查看，适配移动端 地址：https://kira-learning.com/

1、该项目是一个为无人机等级执照考试服务的在线教育系统，分为总校和分校，是一个多租户的，可以供各地培训机构或职业院校教学的saas系统，每个机构或院校均可以自定义自己的教学内容，完成定制化教学。该系统于2022.10月底正式上线，至今迭代了8次，在用户那取得了不错的反馈。总校包括平台管理、教学资源、飞行教学、订单管理、C端管理、赛事管理、权限管理、系统设置管理8个大模块，分校包括首页、教学资源、教务管理、飞行教学、订单管理、权限管理、评价体系、系统设置管理8个大模块。 2、项目前中期负责该项目开发内容的一半，后期到项目上线和更新迭代都由我一个人完成。 3、项目主要重难点包括使用echarts对班级、教员、学员的一些统计数据进行简单的图表渲染、使用fullcalendar日历插件来实现对班级课表的编排功能、使用websocket和leaflet实现无人机姿态数据在地图上的实时展示、使用百度语音合成实现实操考试过程中的语音播报功能等。

1.项目分为客户端和管理端 2.管理端管理用户和模型api 3.客户端可以登录后使用问答系统，提供文心一言，chatgtp，通义千问，讯飞星火的大模型数据

1. 负责抖音Web顶侧导航开发：客户端引流 LT+0.38%，下载量相对提升+11%，客户端安装启动uv+0.3%；侧导航访登 uv+27.4%, lt+0.1% 2. 抖音web中长视频章节开发，完播率+0.2%，playtime+0.06%, 章节1min+vv占比1%->1.5%，垂类万粉使用率1.6% 3. 抖音PC活动开发支持：春节活动放映厅开发，ST+1.173%，放映厅访问渗透+173%（2%-5.6%），ST+1.32% 4. 负责抖音Web站 SEO 工作：404死链每日提交20万+、url indexing 每日推送 20 万，全站 SEO基础优化、开发 SEO 落地页、 SEO 聚合页开发 5. 抖音Web站后端业务开发：首页改版，访问次留+1.14%，人均播放时长+4.81%；追更功能，全局人均vv+0.77%，播放渗透 +45.19%，人均追更vv+52.57%，追更播放时长+33.27；feed流抖音PC客户端壁纸引流，LT+0.04%，人均vv+0.45，客户端下载 +665uv/天 6. 抖音PC安全风控：接入零信任方案治理盗号；重点场景接入二次

设计和开发用户界面，包括盲盒列表、购买页面、开启页面、中奖页面、兑换页面和物流查询页面。利用 React 框架和相关技 术，创建了直观、美观且响应式的界面，提供良好的用户体验。 2、使用 ethers.js 库与以太坊网络进行交互，实现了用户身份验证、钱包连接和交易功能。通过与以太坊节点通信，验证用户身 份并确保只有授权用户能够进行盲盒购买、开启、兑换和查询物流等操作。 3、实现了盲盒购买功能，用户可以购买盲盒，并将购买记录存储在智能合约中。利用 ethers.js 库与智能合约进行交互，确保购 买过程的安全和可靠性。

1.项目分为供应商端和内部员工使用端 2.供应商端提供商户入驻，商户资质，商户物资提供，公告投标信息等查看 3.内部员工使用端提供 物资采购 招投标 中标流标备案 4.高速内部财务，oa，电商等相关系统对接

TrendFlow 是一款强大的 web app 工具，它具备一项令人惊叹的功能。用户只需输入关键词，TrendFlow 便会迅速在各大论文平台上展开搜索，犹如一位敏锐的研究员，精确地筛选出与之相关的论文。然而，它的能力并非仅仅止于搜索，TrendFlow 还会对这些论文进行深入总结，提取出关键信息，就像是一位智慧的学者，将复杂的知识转化为简洁明了的精华。有了 TrendFlow，用户可以轻松获取所需论文的核心要点，大大提高了研究效率。

1. 负责抖音Web顶侧导航开发：客户端引流 LT+0.38%，下载量相对提升+11%，客户端安装启动uv+0.3%；侧导航访登 uv+27.4%, lt+0.1% 2. 抖音web中长视频章节开发，完播率+0.2%，playtime+0.06%, 章节1min+vv占比1%->1.5%，垂类万粉使用率1.6% 3. 抖音PC活动开发支持：春节活动放映厅开发，ST+1.173%，放映厅访问渗透+173%（2%-5.6%），ST+1.32% 4. 负责抖音Web站 SEO 工作：404死链每日提交20万+、url indexing 每日推送 20 万，全站 SEO基础优化、开发 SEO 落地页、 SEO 聚合页开发 5. 抖音Web站后端业务开发：首页改版，访问次留+1.14%，人均播放时长+4.81%；追更功能，全局人均vv+0.77%，播放渗透 +45.19%，人均追更vv+52.57%，追更播放时长+33.27；feed流抖音PC客户端壁纸引流，LT+0.04%，人均vv+0.45，客户端下载 +665uv/天 6. 抖音PC安全风控：接入零信任方案治理盗号；重点场景接入二次

1、对接了智能合约，并使用 ethers.js 库实现市场功能，包括资产列表、拍卖、购买和出售功能。通过与智能合约进行交互，实 现了与 市场的无缝集成。 2、集成了 WalletConnect 技术，实现了与用户钱包的连接和交互。通过使用 WalletConnect 协议，用户可以使用其支持的钱包 应用与市场平台进行交互，进行身份验证、授权和交易操作。 3、设计和实现了用户界面，包括艺术品和 NFT 的展示页面、交易流程和用户个人资料页面。通过结合 WalletConnect 技术，提 供了与用户钱包应用的无缝交互体验，使用户能够方便地管理和交易其资产。 4、使用 ethers.js 库与以太坊网络进行交互，实现了用户身份验证和授权功能。通过 WalletConnect 连接用户的钱包应用，验证 其身份，并确保只有授权用户能够进行交易和管理自己的资产。

贵州交勘院的气象监测平台，主要采集道路气象设备数据，后台管理系统进行分析处理和预警等。 此系统采用前后端分离进行开发，前端用vue2+element；后端采用springboot框架和mysql数据库

视觉中国官方网站，创意图片、编辑图片、创意视频、编辑视频、音乐、字体；由多个子项目集成， 使用 React 全家桶、antd、material-ui、GraphQL、Node.js 等技术

1. 2c 顾名思义是面向游客及平台用户的站点。其中涉及到的模块包括不仅限于 HomePage、PDP（Product Details Page）、PLP（Product List Page）、CLP（Category List Page）、Store、Gifs（礼品）、Promotion（促销）等。 2. 我的工作主要涉及到PLP（40%）、PDP（30%）、Store（20%）、CLP（10%）的占比，项目使用的是NextJs进行开发，针对不同模块下的TPS，采用了不同机制的服务端渲染方式（SSR、SSG），提升用户的访问速度，优化用户的加载体验。 3. 服务端渲染方案虽然好用，但是不同于静态部署的一面是，电商内容特别多，比较讲究更多细粒度的内容控制。在这里一方面要细粒度的控制客户端组件和服务端组件的渲染逻辑，另一方面又要把控好服务端NextJs提供的服务端组件与组件之间的逻辑交互（服务端渲染速度快的较大明显的点就是 需要利用各种各样的缓存机制做预缓存预渲染）。一方面要保证服务端组件的正常渲染，一方面又要保证业务代码的运转。

1. 采用Vite作为构建工具，结合React框架和Typescript语言，确保了项目的稳定性和类型安全。同时，利用Material-UI、HTM L、CSS以及styled-components等技术，打造了丰富且响应式的用户界面。 2. 通过Axios的二次封装，简化了与后端服务器的数据交互过程，提高了请求效率和代码可维护性。此外，借助Websocket技 术，实现了与AI之间实时的文字聊天功能，进一步增强了用户的交互体验。 3. 利用react-markdown库，优雅地展示了大型模型返回的信息内容。同时，通过fingerprintjs2技术获取浏览器指纹，实现了对 未登录用户的友好服务体验。另外，还集成了react-google-recaptcha-v3，实现了无感知的人机验证机制，有效防范了恶意攻 击和机器人滥用。 4 .采用redux进行全局状态管理，确保了应用状态的一致性和可预测性，从而提高了整体的应用响应速度和可维护性。同时，利用 Material-UI的theme功能实现了昼夜模式切换，并对常用组件进行了精心封装，进一步提升了用户的操作便捷性和视觉享受 5. 后端系

1. 2c 顾名思义是面向游客及平台用户的站点。其中涉及到的模块包括不仅限于 HomePage、PDP（Product Details Page）、PLP（Product List Page）、CLP（Category List Page）、Store、Gifs（礼品）、Promotion（促销）等。 2. 我的工作主要涉及到PLP（40%）、PDP（30%）、Store（20%）、CLP（10%）的占比，项目使用的是NextJs进行开发，针对不同模块下的TPS，采用了不同机制的服务端渲染方式（SSR、SSG），提升用户的访问速度，优化用户的加载体验。 3. 服务端渲染方案虽然好用，但是不同于静态部署的一面是，电商内容特别多，比较讲究更多细粒度的内容控制。在这里一方面要细粒度的控制客户端组件和服务端组件的渲染逻辑，另一方面又要把控好服务端NextJs提供的服务端组件与组件之间的逻辑交互（服务端渲染速度快的较大明显的点就是 需要利用各种各样的缓存机制做预缓存预渲染）。一方面要保证服务端组件的正常渲染，一方面又要保证业务代码的运转。

项目介绍： 智慧供水超表平台是使用React框架开发的，在PC端使用的自来水超表管理系统，主要服务于小区居民的，用来查看日常的用水量，通过数采仪、无线网络、水质水压表等在线监测设备实时感知供水系统的运行状态，并采用可视化的方式有机整合水务管理部门，形成“小区水务物联网”，对水务信息进行及时分析与处理，以更加精细和动态的方式管理水务系统的整个生产、管理和服务流程，从而达到“智慧”的状态。目前该项目在上海市宝山区宝山十村社区投入使用。 项目职责： 1)完成用户的登录模块和用户名展示，完成设备详情模块的搭建,根据用户名、地址或者户号实现模糊查询，完成报警文件的导出 2)根据项目需求及时沟通后端人员调整接口 3)从技术上分析页面效果实现的难度，与设计人员沟通 技术要点： 1)使用高德API完成地图页面的搭建，通过经度纬度来对使用位置进行标注，通过“地理/逆地理编码”来实现设备的定位，获取使用详情 2)获取用水量数据来渲染列表页时，对axios二次封装，减少不必要的数据接收和页面渲染 3)登录时通过规则校验来提醒用户输入不合法，登录后对token进行存储，方便之后验证登录的状态 4)通过forE

整站开发： 1. 技术栈：React+Scss+Astro 2. 网站框架搭建 3. 主页设计、UI主题设置、顶导航实现、mdx富文本样式自定义、文章目录模块、章节目录模块、深浅色实现等

金融机构的服务管理后台。采用react redux umi antd nextjs echarts。 有全面的数据视图，漏洞等级等显示。 补丁 证书等完整后台系统。

PEER是一个由德国慕尼黑工业大学开发的教育项目，旨在利用LLM（大语言模型）等最先进的NLP（自然语言处理）技术，帮助德国中小学生改进和优化他们的论文。

个人负责整个前端开发，包含页面展示及动画。页面逻辑编写，与后台接口调试等。 同时还负责了此项目的后端管理系统开发

海参崴旅行攻略微信小程序，其中包含行程安排、准备信息等等，其中包含了关于微信小程序的UI设计，基于React的前端设计、登录页面以及其他信息~