Add Barcode & QRCode & scanner component
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.8k
- Forks
- 1.8k
- Avg merge
- 2d 10h
- Merged PRs (30d)
- 148
Description
Summary
I'm opening this issue to test to get an idea of the interest for this component. There is already coverage in the open-source space:
But maybe the community would appreciate to have MUI bring:
- A React Server Component, solving: https://github.com/lindell/JsBarcode/issues/200
- A more customizable rendering, solving: https://github.com/zpao/qrcode.react/issues/124
Examples
- public read only: https://mui-org.notion.site/mui-x-Barcode-scan-QR-code-ac287d2589ff4a719e7cb9b9706ff955?pvs=4
- internal editable: https://www.notion.so/mui-org/mui-x-Barcode-scan-QR-code-ac287d2589ff4a719e7cb9b9706ff955
Motivation
The idea would be to make the QR Code generation open source. Get maximum adoption, going in more depth than the existing open-source options.
Then introduce paid features. Ideas of those:
- Barcode scanner: https://www.leadtools.com/sdk/barcode
- QR code analytics https://www.qr-code-generator.com/features/. API powered https://www.linkedin.com/company/uniqode-hq/
- Deep QR code customization, e.g. crazy AI models: https://huggingface.co/spaces/huggingface-projects/QR-code-AI-art-generator
Search keywords: -
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No repository files, tests, or implementation entry points are identified. Start by reviewing the linked JsBarcode and qrcode.react projects and the provided examples to define the component scope; completion criteria are not specified beyond exploring QR-code generation, customization, and possible scanning features.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100