qr_generator

即将推出查看代码
React
TypeScript
Vite
Tailwind CSS

概述

`qr_generator` 是前端工具向项目,产品感强于普通 Demo。它把二维码生成当作设计问题,而不只是单字段编码。

为何不止于 Demo

生成二维码很容易,做出好用的二维码工具更难。我希望用户能在一个地方完成样式、品牌、预览与解码,同时界面不显杂乱。

做了什么

  • 同一应用内的独立生成与解码模式。
  • 样式控制、图标选择与品牌化输出选项。
  • 响应式预览流程:调整设置时最终二维码始终可见。

技术细节

  • React 与 TypeScript,配合 Vite 构建。
  • 二维码生成,支持多种导出格式。
  • 使用 `jsqr` 的解码支持。
  • 在核心生成流程之上叠加主题与样式系统。

体验决策

  • 大屏上让控制区与预览并排。
  • 允许自定义图标与上传 Logo,使输出可用于真实品牌场景。
  • 将导出质量与格式选择视为一等能力,而非事后补充。

当前状态

本仓库是把聚焦工具打磨到更接近真实产品的良好示例。

>Newsletter

Stay Updated

Get notified when I publish new articles, tutorials, and project updates. Subscribe for insights and actionable content.