https://github.com/felipebrenner/barcode-qrcode-reader
Leitor de código de barras e QR code em JavaScript e ReactJS
https://github.com/felipebrenner/barcode-qrcode-reader
barcode javascript mui qrcode quagga react-qr-reader reactjs
Last synced: 10 months ago
JSON representation
Leitor de código de barras e QR code em JavaScript e ReactJS
- Host: GitHub
- URL: https://github.com/felipebrenner/barcode-qrcode-reader
- Owner: FelipeBrenner
- Created: 2021-10-25T22:32:49.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-28T11:12:05.000Z (over 4 years ago)
- Last Synced: 2025-05-07T19:52:43.812Z (12 months ago)
- Topics: barcode, javascript, mui, qrcode, quagga, react-qr-reader, reactjs
- Language: JavaScript
- Homepage: https://barcode-qrcode-reader-felipebrenner.netlify.app/
- Size: 9.66 MB
- Stars: 6
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 💻 Projeto
Implementação em JavaScript e ReactJS da biblioteca [quagga](https://github.com/serratus/quaggaJS) para leitura de código de barras e da biblioteca [react-qr-reader](https://github.com/JodusNodus/react-qr-reader) para leitura de QR code. Utilizado design system [MUI](https://mui.com/).
### Código de Barras
### QR Code
## ⚙ Execução
- Para rodar a [aplicação](https://barcode-qrcode-reader-felipebrenner.netlify.app/), tanto pelo deploy quanto desenvolvimento, recomendo que seja em dispositivo móvel, porque conforme meus testes a leitura ocorre com mais acertividade e rapidez do que com webcam.
- Só foi possível a abertura da câmera em dispositivo móvel utilizando HTTPS, para isso criei um .env na raiz do projeto com HTTPS=true. Se for solicitado certificado ao abrir a rota HTTPS, tanto no meu linux quanto no meu iOS, utilizei a ferramenta [mkcert](https://github.com/FiloSottile/mkcert). Basta seguir os passos descritos nela conforme o sistema operacional em que for executar. Instalado corretamente, a página será acessada sem erro e o acesso a câmera será solicitado ao primeiro acesso:
---
Por Felipe Brenner