项目简介:面向海外开发者的开源底层数据运维工具,提供多集群节点状态监控、跨系统数据同步查询、调试可视化后台,服务全球技术开发者。
技术栈:React + TypeScript + Next + Zustand + ECharts + TailwindCSS + Axios + Jotai + Three.js + Framer Motion
点击空白处退出提示
语言技术
HTML5、CSS、JavaScript、React、TypeScript系统类型
Web、H5行业分类
企业服务、人工智能
项目简介:面向海外开发者的开源底层数据运维工具,提供多集群节点状态监控、跨系统数据同步查询、调试可视化后台,服务全球技术开发者。
技术栈:React + TypeScript + Next + Zustand + ECharts + TailwindCSS + Axios + Jotai + Three.js + Framer Motion
企业宣传视频展示
页面动画渲染,部分3D动画渲染
数据可视化模块,封装复用折线 / 柱状 / 状态看板图表组件
table等数据展示
复杂表单、弹窗、分页、筛选
从零搭建前端项目架构,封装全局请求拦截、鉴权、错误处理逻辑,搭建通用业务组件库(表单、弹窗、分页、筛选),团队重复开发工作量减少 40%;
开发数据可视化模块,封装复用折线 / 柱状 / 状态看板图表组件,滚动渲染性能提升 60%;
开发页面动画渲染,部分3D动画渲染;封装可复用动效 Hooks,统一动画时长、缓动曲线,减少重复动画代码,组件复用率提升 35%;
开发多集群节点管理、跨系统数据同步配置页面,实现多级权限控制、分步复杂表单、批量操作功能,支持多环境切换配置;
做前端性能优化:路由懒加载、图片压缩等;
搭建前端多环境配置脚本,输出组件使用文档,规范团队前端开发标准。








评论