{"id":49573581,"url":"https://github.com/pitercoding/qrcode-generator","last_synced_at":"2026-05-03T15:39:12.745Z","repository":{"id":326253624,"uuid":"1104553982","full_name":"pitercoding/qrcode-generator","owner":"pitercoding","description":"[PT-BR] Gerador de QR Code simples feito com VueJS para estudo e prática do framework. [ENG]  Simple QR Code generator built with VueJS for learning and practice.","archived":false,"fork":false,"pushed_at":"2025-11-26T17:15:15.000Z","size":115,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-03T15:39:11.304Z","etag":null,"topics":["front-end-project","javascript-project","qr-generator","qrcode-app","qrcode-generator","qrcode-tool","simple-qrcode","vuejs-learning","vuejs-project","vuejs-qrcode-generator"],"latest_commit_sha":null,"homepage":"https://genqrc.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pitercoding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-26T11:18:26.000Z","updated_at":"2025-11-26T17:18:49.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/pitercoding/qrcode-generator","commit_stats":null,"previous_names":["pitercoding/qrcode-generator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pitercoding/qrcode-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fqrcode-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fqrcode-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fqrcode-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fqrcode-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pitercoding","download_url":"https://codeload.github.com/pitercoding/qrcode-generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pitercoding%2Fqrcode-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["front-end-project","javascript-project","qr-generator","qrcode-app","qrcode-generator","qrcode-tool","simple-qrcode","vuejs-learning","vuejs-project","vuejs-qrcode-generator"],"created_at":"2026-05-03T15:39:12.013Z","updated_at":"2026-05-03T15:39:12.727Z","avatar_url":"https://github.com/pitercoding.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📱 QRCode Generator  \nUm gerador de QR Code simples, rápido e responsivo desenvolvido com **VueJS** e **QRious**, ideal para praticar fundamentos do framework e manipulação reativa no front-end.\n\nO projeto permite gerar QR Codes dinamicamente conforme o usuário digita no campo de texto. Não utiliza bundlers ou ferramentas de build — tudo funciona apenas com **HTML, CSS e JavaScript**, tornando o projeto leve e fácil de entender.\n\n---\n\n## 🚀 Objetivos do Projeto\n\n- Criar um gerador de QR Code totalmente funcional com VueJS.\n- Praticar:\n  - Bindings reativos (`v-model`)\n  - Uso de *computed properties*\n  - Manipulação de bibliotecas externas (QRious)\n- Desenvolver um layout simples, limpo e responsivo.\n- Publicar o projeto como site estático no Vercel.\n- Estruturar um projeto Vue “sem build”, usando apenas arquivo `.js`.\n\n## 🖥️ Funcionalidades Implementadas\n\n### 🔹 Geração dinâmica de QR Code\n- O QR é atualizado automaticamente conforme o usuário digita.\n- Compatível com qualquer tipo de texto, URL ou informação.\n\n### 🔹 VueJS sem build\n- Uso direto com CDN (`vue.min.js`).\n- Instância Vue simples e clara para aprendizado.\n\n### 🔹 Layout responsivo\n- Interface centralizada e fácil de usar.\n- Campo de input e QR Code ajustados para telas pequenas.\n\n### 🔹 Identidade visual leve\n- Fonte personalizada (Roboto Mono).\n- Gradiente no background.\n- Container estilizado para o output.\n\n## 🗂️ Estrutura do Projeto\n```bash\nqrcode-generator/\n├─ css/\n│  └─ style.css\n│\n├─ fonts/\n│  └─ RobotoMono-Thin.ttf\n│\n├─ js/\n│  ├─ qrious.min.js\n│  └─ vue.min.js\n│\n├─ favicon.ico\n├─ index.html\n├─ LICENSE\n└─ README.md\n```\n\n## 📦 Tecnologias Utilizadas\n\n- **VueJS 2** (via CDN)\n- **QRious**\n- **CSS puro**\n- **HTML5**\n- **Vercel**\n\n## 🔧 Como rodar o projeto\n\nEste projeto **não precisa de npm, build ou dependências**.\n\n### ▶️ Execute com:\n\n1. Clone o repositório:  \n   ```sh\n   git clone https://github.com/pitercoding/qrcode-generator.git\n   ```\n\n2. Entre na pasta::  \n   ```sh\n   cd qrcode-generator\n   ```\n\n3. Abra o arquivo `index.html`:  \n   * Dê dois cliques, ou\n   * Use o **Live Server** no VS Code.\n\n## 🌐 Deploy na Vercel\n\nComo o projeto é **100% estático**, use estas configurações:\n- **Framework Preset**: `Other`\n- **Build Command**: _(deixe vazio)_\n- **Output Directory**: `/`\n- **Root Directory**: `.`\n\nA Vercel detecta e publica automaticamente o `index.html`.\n\n## 🤝 Contribuições\n\nContribuições são bem-vindas!\n\n1. Faça um fork\n2. Crie uma branch:\n  ```sh\n  git checkout -b minha-feature\n  ```\n\n3. Commit suas alterações:\n  ```sh\n  git commit -am \"feat: nova feature adicionada\"\n  ```\n\n4. Faça push:\n  ```sh\n  git push origin minha-feature\n  ```\n\n5. Abra um Pull Request\n\n\n## 👨‍💻 Autor\n\nDesenvolvido por 🔗 [**pitercoding**](https://github.com/pitercoding)\n\nProjeto criado para estudo e prática de VueJS e manipulação de QR Codes.\n\n## 📄 Licença\n\nEste projeto está licenciado sob a **MIT License**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpitercoding%2Fqrcode-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpitercoding%2Fqrcode-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpitercoding%2Fqrcode-generator/lists"}