{"id":18468804,"url":"https://github.com/felipebrenner/barcode-qrcode-reader","last_synced_at":"2025-06-23T04:35:31.453Z","repository":{"id":112666167,"uuid":"421204008","full_name":"FelipeBrenner/barcode-qrcode-reader","owner":"FelipeBrenner","description":"Leitor de código de barras e QR code em JavaScript e ReactJS","archived":false,"fork":false,"pushed_at":"2021-10-28T11:12:05.000Z","size":10126,"stargazers_count":6,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-07T19:52:43.812Z","etag":null,"topics":["barcode","javascript","mui","qrcode","quagga","react-qr-reader","reactjs"],"latest_commit_sha":null,"homepage":"https://barcode-qrcode-reader-felipebrenner.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FelipeBrenner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-25T22:32:49.000Z","updated_at":"2025-03-26T01:52:03.000Z","dependencies_parsed_at":"2023-06-10T22:30:13.964Z","dependency_job_id":null,"html_url":"https://github.com/FelipeBrenner/barcode-qrcode-reader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FelipeBrenner/barcode-qrcode-reader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fbarcode-qrcode-reader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fbarcode-qrcode-reader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fbarcode-qrcode-reader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fbarcode-qrcode-reader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FelipeBrenner","download_url":"https://codeload.github.com/FelipeBrenner/barcode-qrcode-reader/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeBrenner%2Fbarcode-qrcode-reader/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261416203,"owners_count":23155034,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["barcode","javascript","mui","qrcode","quagga","react-qr-reader","reactjs"],"created_at":"2024-11-06T10:08:13.084Z","updated_at":"2025-06-23T04:35:26.432Z","avatar_url":"https://github.com/FelipeBrenner.png","language":"JavaScript","readme":"## 💻 Projeto\n\nImplementaçã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/).\n\n### Código de Barras\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"preview\" title=\"preview\" src=\".github/barcode1.gif\" width=\"240\"\u003e\n  \u003cimg alt=\"preview\" title=\"preview\" src=\".github/barcode2.gif\" width=\"240\"\u003e\n\u003c/p\u003e\n\n### QR Code\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"preview\" title=\"preview\" src=\".github/qrcode.gif\" width=\"240\"\u003e\n\u003c/p\u003e\n\n## ⚙ Execução\n\n- 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.\n- 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:\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"preview\" title=\"preview\" src=\".github/https.gif\" width=\"240\"\u003e\n\u003c/p\u003e\n\n---\n\nPor Felipe Brenner\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipebrenner%2Fbarcode-qrcode-reader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffelipebrenner%2Fbarcode-qrcode-reader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipebrenner%2Fbarcode-qrcode-reader/lists"}