React

Blueprint Plan 是面向知识工作者与敏捷团队的下一代「计划-执行-同步」一体化平台。它把传统甘特图、看板、日历、思维导图四大视图整合进同一个实时数据引擎，既保留了专业项目管理软件的深度，又兼顾了个人 To-Do 工具的轻盈。无论是 3 人创业小队，还是 3000 人分布式组织，都能在 Blueprint 中找到适配自己节奏的工作流。

RuoYi-Vue与RuoYi-App是基于SpringBoot2+Vue2打造的企业级开发框架，得到了广大开发者的喜爱和积极反馈。随着技术的迭代进步，SpringBoot3与Vue3逐渐进入开发者的视野。为了满足开发者对于新技术的追求，RuoYi官方文档提供了SpringBoot2至SpringBoot3的升级方法。与此同时，社区也涌现出了RuoYi-Vue3、RuoYi-App-Vue3的版本，展现了开发者社区对于技术升级的热情与努力。 然而，在升级的过程中，官方的方法为了兼顾Java1.8的特性与一些老旧的方法，未完全拥抱SpringBoot3与Java17的全部特性。而社区的RuoYi-Vue3、RuoYi-App-Vue3版本由于出自不同的团队之手，兼容性及整合性上存在些许不足。更为关键的是，尽管这些版本支持TypeScript，但缺乏与之相匹配的tsconfig.json配置文件，这使得在主流编辑器如VSCode中，TypeScript的语法提示环境并未达到最佳状态。 鉴于此，RuoYi-Geek生态应运而生。它旨在为广大开发者提供一个既保留原版本核心特性，又整合社区版优点的全新解决方案。在RuoYi-Geek中，我们深入调研了企业开发中常用的RuoYi扩展，并直接在框架中集成，确保开发者能够快速上手，高效开发。同时，我们采用了最新的SpringBoot3+Vue3技术栈，彻底移除了为了兼容Java1.8而保留的老旧方法。更为重要的是，我们为TypeScript开发环境加入了常用的tsconfig.json配置，使得开发者在VSCode等编辑器中能够获得更为舒适、便捷的语法提示体验。 RuoYi-Geek不仅仅是一个简单的升级版本，更是对于RuoYi生态的一次全面优化与整合。我们相信，通过RuoYi-Geek，开发者将能够更为高效、愉悦地开发出优秀的企业级应用。 注：模块化架构设计，支持各个模块的快速安拆，对第三方认证、第三方支付模块设计了基础的规范和基础模块。

基于 nextjs 搭建的网站导航工具，可自行私有部署。 技术栈包括： nextjs 全栈方案 neon 数据库 drizzle 数据库 ORM resend 邮件发送 vercel 部署平台 快速开始并部署： git clone https://github.com/Darcrandex/web-marks.git mv .env.example .env.local 登录 vercel 平台，新建项目；关联你的项目；登录 neon 平台，创建数据库；将对应的密钥填写到 .env.local； pnpm i pnpm dev http://localhost:3000 预览本地项目 同步到GitHub仓库后，可在vercel平台一键部署

1. 零门槛匿名社交 用户无需注册/登录，通过URL即可加入公开聊天室，解决传统社交平台强制注册、隐私暴露的痛点。 2. 混合式聊天场景覆盖 同时支持 “开放群聊”（public room）和 “私密对话”（1对1），满足用户从公共讨论到深度沟通的全场景需求。 3. 技术栈碎片化整合 用统一技术链（React + Socket.IO + MongoDB）打通实时通信与数据持久化，避免多服务拼接的复杂性。 4. 轻量化替代方案 为临时会议、兴趣社群等场景提供 无需下载客户端、即开即用 的Web端解决方案。

该平台是一个基于全栈技术的网页版 Windows 11 模拟器，主要还原了 Windows 11 的界面和常用交互体验。项目采用前后端分离架构，并通过 Docker 容器化进行部署，内置静态 Markdown 文档阅读器等应用。后续计划持续扩展，作为个人网站使用。 项目时间： 2025.07.15 - 至今 项目主页： http://115.29.179.225:3000/ 技术栈： Next.js、TypeScript、Zustand、Tailwind CSS、React-Rnd、NestJS、MySql 项目亮点： - 实现桌面操作系统的核心功能：窗口管理、桌面图标系统、自定义应用程序等 - 优化性能：虚拟滚动技术处理大量条目渲染 - 自创方案：后端目录保存文档，自动生成文件索引和目录树，提供完整的编辑和阅读API，通过nodejs API执行文件操作。 项目成果： - 实现Windows 11 核心交互高度还原 - 达到 Lighthouse 性能评分 95+，页面加载时间 < 1s - 成为前端架构设计和技术实现的展示案例

基于 Spring Boot + MyBatis + MySQL + AIGC + React 的智能数据分析平台，封装了讯飞星火模型接口，区别于传统 BI，用户只需要导入原始数据集、并输入分析诉求，就能自动生成可视化图表及分析结论，实现数据分析的降本增效； 后端自定义 Prompt 预设模板并封装用户输入的数据和分析诉求，通过对接 AIGC 接口生成可视化图表 json 配置和分析结论，返回给前端渲染； 由于 AIGC 的输入 Token 限制，使用 Easy Excel 解析用户上传的 XLSX 表格数据文件并压缩为 CSV，实测提高了 20% 的单次输入数据量、并节约了成本； 为保证系统的安全性，对用户上传的原始数据文件进行了后缀名、大小、内容等多重校验； 为防止某用户恶意占用系统资源，基于 Redisson 的 RateLimiter 实现分布式限流，控制单用户访问的频率； 考虑到单个图表的原始数据量较大，基于 MyBatis + 业务层构建自定义 SQL 实现了对每份原始数据的分表存储，提高查询性能 30% 和系统的可扩展性； 由于 AIGC 的响应时间较长，基于自定义 IO 密集型线程池 + 任务队列实现了 AIGC 的并发执行和异步化，提交任务后即可响应前端，提高用户体验； 由于本地任务队列重启丢失数据，使用 RabbitMQ（分布式消息队列）来接受并持久化任务消息，通过 Direct 交换机转发给解耦的 AI 生成模块消费并处理任务，提高了系统的可靠性； 基于 Ant Design Pro 脚手架快速搭建初始项目，并根据业务定制项目模板，如封装全局异常处理逻辑； 使用 TypeScript + ESLint + Prettier + Husky 保证项目编码和提交规范，提高项目质量； 使用 Umi OpenAPI 插件，根据后端 Swagger 接口文档自动生成请求 service 层代码，大幅提高开发效率； 选用兼容性较好的 Echarts 库，接收后端 Ai 生成的动态 json 自动渲染可视化图表。

智能文稿分析：支持大段文本输入，自动提取关键词并高亮显示，实时统计字数与关键词数量。 智能图片搜索：点击关键词即可搜索相关图片，支持多关键词切换，图片以网格形式展示，支持全屏预览。 图片选择管理：图片卡片配备勾选框，支持跨关键词选择，选中图片高亮显示，实时统计已选数量。 批量下载打包：一键将所选图片打包为 ZIP 文件，智能命名，支持多种图片格式。

本项目为现代化仓库管理系统，采用Spring Boot与React技术栈开发，前后端分离，支持多角色权限管理。系统涵盖用户认证、产品与分类管理、供应商管理、入库、出库、库存调整、报表统计等核心功能，满足中小型企业日常仓储业务需求。后端基于Spring Security保障数据安全，使用MySQL存储数据，支持Excel导出与数据备份。前端界面美观，交互友好，集成ECharts实现数据可视化。系统支持多用户协作，操作日志全程追踪，流程规范，权限分明。适合企业数字化转型、提升仓储管理效率，便于二次开发和扩展。

**简介** 1. **本项目解决的问题** - **信息过载与检索效率低下**：通过 Paper AI 自动搜索、筛选 ArXiv、PubMed 等平台的学术论文，并生成摘要与结论，帮助用户快速掌握领域动态。 - **通用对话式 AI 的局限性**：Chater 模块支持上传文档并结合 RAG 技术，使 AI 能精准回答特定领域问题（如分析财务报告细节）。 - **图像分类自动化需求**：Trait Recognizer 通过用户提供的“标准”图像自动生成可执行程序（.exe），实现农业、生物学等领域图像的批量自动化分类。 - **部署复杂性**：提供本地运行与 Docker 部署方案，简化环境配置，降低使用门槛。 2. **技术选型与性能特点** - **核心框架**： - 后端采用轻量级 Flask 框架，搭配 Flask-SocketIO 实现实时交互； - 使用 PyInstaller 打包 Python 脚本为独立 .exe 文件，适配无 Python 环境的终端。 - **AI 能力支撑**： - **视觉语言模型（VLM）**：集成 Dashscope API（如 Qwen-VL）处理图像分类，支持多场景定制； - **大型语言模型（LLM）**：调用 DeepSeek API 实现论文摘要生成与文档问答，结合 RAG 技术提升专业领域回答准确性。 - **高效检索**： - Paper AI 直连 ArXiv/PubMed/DuckDuckGo，覆盖学术与网络资源； - Chater 模块支持 PDF/Word/TXT 文档的本地化知识库构建，响应速度

我这个开源低代码项目是一种可视化应用开发工具，帮助用户通过拖拽组件、配置参数、少量代码即可快速构建业务系统。它降低了传统开发门槛，加快了软件交付速度，广泛应用于数据管理、流程审批、报表可视化等场景，重点是事件，对整个页面的数据流向做控制。但现在该低代码平台暂支持数据建模，适合个人的应用开发，但目前还不够成熟，我再修改并升级它。

本项目脚手架快速搭建web服务。基于epoll/poll/select + c + cmake +react19 +vite 5 +antd。 本项目特点：基于epoll，轻量级，资源消耗少，跨平台（linux/windows）。 分前后端项目代码，源代码少，vite和cmake一条龙构建。 分前后端项目代码，源代码少，vite和cmake一条龙构建。 分前后端项目代码，源代码少，vite和cmake一条龙构建。

特性 批量执行: 主机命令在线批量执行 在线终端: 主机支持浏览器在线终端登录 文件管理: 主机文件在线上传下载 任务计划: 灵活的在线任务计划 发布部署: 支持自定义发布部署流程 配置中心: 支持KV、文本、json等格式的配置 监控中心: 支持站点、端口、进程、自定义等监控 报警中心: 支持短信、邮件、钉钉、微信等报警方式 优雅美观: 基于 Ant Design 的UI界面 开源免费: 前后端代码完全开源

高级表单组件，基于自研基础组件封装的高级表单组件，其中使用的基础组件也是自己开发的自研组件库提供配合使用，提供多样的参数供开发能够自定义自己的表单，设涉及技术：react、typescript，希望通过这个项目能够展示自己的代码水平

https://github.com/ziziye/Character-Comparison-Website 该项目的前端使用 React、Next.js、CSS 和 JS 构建。后端数据以 JSON 格式存储在 MongoDB Atlas 中。通过 axios.get() 访问数据，通过 axios.delete() 删除角色。前端运行在 3000 端口，后端运行在 3001 端口。 作为普通用户： 1. 在主页上，用户可以比较动漫角色属性，根据属性值筛选角色，并查看已比较角色的历史记录。 2. 在用户资料中，用户可以查看他们喜爱的角色、已比较角色的历史记录以及他们的贡献，例如编辑、删除和添加的内容。 3. 在角色详情方面，用户可以添加新角色、查看所有角色的详细信息、点赞或取消点赞角色以及编辑角色。不过，编辑和添加操作需要管理员批准，每次批准都会在后台记录。 作为管理员： 1. 在主页和用户资料页面，管理员与普通用户具有相同的权限。 2. 在角色详情方面，管理员可以直接编辑、添加和删除角色，无需审批。 3. 在用户管理中，管理员可以修改所有已注册用户的权限，将他们提升为管理员或将管理员降级为普通用户。 4. 在审批中心，管理员可以查看所有用户的详细贡献记录，并批准或拒绝待处理的贡献。 5. 在变更历史页面上，管理员可以通过一个选择元素查看角色的编辑历史。

• 技术亮点：支持 GFM 语法、LaTeX 公式、动态代码编辑器及深度定制 UI 组件，提升技术文档编 写体验。 • 全栈开发：负责基于 Next.js 架构的开源博客系统的全面开发，确保项目从设计到实施的高效运作。 • 开源贡献：通过稳定的维护与版本发行，在开源社区累计收获近 40 个星标。

关于React Native的一体化构建脚本以及Module方法管理方案, csdn地址：https://blog.csdn.net/qq_62448027/article/details/146002596?spm=1001.2014.3001.5501 作品开源地址： https://github.com/CofbroTeam/Doraemon-SDK https://github.com/CofbroTeam/rndo https://github.com/xxxd86/vid

企业级中后台管理系统（Vue2） 为某大型国企定制的数据可视化管理系统，日均访问量10W+，承载核心业务数据处理与实时监控。 核心需求：多角色权限控制、大数据表格渲染性能优化、跨平台兼容性（需支持IE11）。 二、技术亮点：工程化与性能优化 1. 深度定制打包配置（Webpack/Vite） 构建效率提升： 引入 DLLPlugin 预编译Element-Plus/ECharts等稳定依赖，构建耗时减少40%； 使用 thread-loader 并行处理TypeScript编译，冷启动速度提升35%。 缓存与更新策略（Vue中台系统） 版本指纹 + Service Worker： // vue.config.js filenameHashing: true, chainWebpack: config => { config.output.filename('[name].[contenthash:8].js') } 结果：二次访问加载速度提升至0.8秒，接口请求复用率超90%。 2. 网络性能解决方案 首屏加载优化（React流程管理项目） 资源压缩： 开启 Brotli 压缩（Nginx配置 + compression-webpack-plugin），JS文件体积平均减少68%； 图片使用 Sharp 自动转WebP格式，CDN分发节省45%带宽成本。 三、代码规范与协作 统一技术栈管理： Vue项目使用 ESLint + Prettier + Husky 约束代码风格，Git提交规范遵循Angular Convention； React项目采用 TypeScript 严格模式（strict: true），类型覆盖率100%。 目前就职于国企，欢迎交流！

项目二: 芯赛云C端平台 (http://223.4.250.252) (仅前端静态页面) 项目二: 芯赛云企业O端管理平台 项目描述: 芯赛云C端主要提供云计算服务,包括不限于计算,存储,网络,安全,数据库等多个方面,基本对照阿里云,腾讯云开发的平台.企业O端管理平台,提供可视化拖拽配置C端用的套餐,表单,流程图,BI监控报表等 主要功能: 1云服器,裸金属,硬盘,弹性ip,私有网络,对象存储,cdn,数据库,容器云,ai的组合购买及独立产品的相关操作 2订单,账单,余额,账户的管理 3用户组,用户,企业管理和产品的权限策略控制 4不同产品的优惠活动及价格计算器和机器的实时云监控 5云产品文档和OpenAPI文档说明 6 O端提供控制台产品所有的基础配置参数和产品终端控制权 7 O端能可视化拖拽生成产品的套餐,内部使用的表单和审批的流程图,整体资源监控通过BI大屏统计 主要技术: 1 C端基于vue3构建,通过qiankun控制主子项目的独立打包部署和通信 2 C端整体使用vite,vue-router4,vue3,pinia,andt vue等工具搭建 3 C端基于antd vue定制了@sincerecloud/sc-ui组件库,调整了其样式,添加了新的api,通过npm发布 4 O端基于react构建,子项目大多数使用react hook、react-router、redux搭建 5 O端基于eCharts定制了可视化BI报表和云监控 6 O端相关属性配置采用了可视化配置如套餐,活动,定价,表单,流程图等 7基于lodash定制了@sincerecloud/sc-utils工具库,包括日常常用的方法集合 8项目建立了ws链接实现产品状态实时更新,通过主项目下发 9使用vitepress实现常用的云产品文档和OpenAPI文档说明

项目一: mes系统和移动端 (http://223.4.250.252/industry) (http://223.4.250.252/apk) (仅前端静态页面) 项目描述: mes系统主要运用在电机电器行业,为不同的工厂/车间进行mes系统的定制且提供对应移动端app/工位机的支持 主要功能和技术: 1 整体功能包括工厂建模/生产计划/库存控制/设备运维/质量管理/人员管理等等 2 整个项目通过部门角色进行权限按钮的授权 3 项目基于react构建,通过router进行单页面跳转,通过redux进行数据存储 4 样式基于antd定制化了表单和表格等组件 5 使用react native配合React Native Elements/NativeBase进行移动端支持

1、本项目是一个专为程序员打造的学习型项目，其核心目标是助力程序员快速上手 React 开发，开启入门之旅。 2、项目运用了 React 全家桶技术栈，能让开发者全面体验 React 生态的强大功能。后端则采用 PHP 的 CI 框架来开发接口，该框架轻量级且高效，为项目提供稳定的数据交互支持。 3、开发者只需下载源码，简单配置访问域名，就能轻松启动项目，开启 React 开发的学习与实践。