白初

qr_generator

Sắp ra mắtXem mã nguồn
React
TypeScript
Vite
Tailwind CSS

Tổng quan

`qr_generator` là dự án tiện ích front-end với cảm giác sản phẩm mạnh hơn demo thuần. Nó coi việc tạo QR là bài toán thiết kế, không chỉ encoder một ô nhập.

Vì sao nó hơn một demo

Tạo mã QR thì dễ. Xây công cụ QR hữu ích thì khó hơn. Tôi muốn người dùng có thể tạo style, thương hiệu, xem trước và giải mã QR ở một chỗ mà giao diện không cảm giác lộn xộn.

Những gì tôi đã xây dựng

  • Chế độ tạo và giải mã riêng trong cùng ứng dụng.
  • Điều khiển style, chọn biểu tượng và tùy chọn đầu ra có thương hiệu.
  • Quy trình xem trước responsive để QR cuối luôn hiển thị khi cài đặt thay đổi.

Chi tiết kỹ thuật

  • React và TypeScript với bộ build Vite.
  • Tạo QR với nhiều định dạng xuất.
  • Hỗ trợ giải mã với `jsqr`.
  • Hệ theme và style xếp lớp trên luồng tạo QR cốt lõi.

Quyết định UX

  • Giữ điều khiển và xem trước cạnh nhau trên màn hình lớn.
  • Cho phép biểu tượng tùy chỉnh và logo tải lên để đầu ra phù hợp nhu cầu thương hiệu thực tế.
  • Coi chất lượng xuất và lựa chọn định dạng là tính năng hạng nhất, không phụ.

Trạng thái hiện tại

Repository này là ví dụ tốt về việc mài một tiện ích tập trung thành thứ gần sản phẩm thật hơn.

>Newsletter

Stay Updated

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