{"id":26614612,"url":"https://github.com/paullukashuber/qr-code-generator","last_synced_at":"2026-04-12T02:31:25.513Z","repository":{"id":283451578,"uuid":"951765694","full_name":"PaulLukasHuber/qr-code-generator","owner":"PaulLukasHuber","description":"Create custom QR codes with adjustable colors, multiple export formats, and logo integration.","archived":false,"fork":false,"pushed_at":"2025-03-27T10:28:26.000Z","size":2493,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-06T21:48:39.012Z","etag":null,"topics":["javascript","png","qr-code","qr-code-generator","qr-generator","react","shadcn-ui","svg","tailwindcss","vite","web-app"],"latest_commit_sha":null,"homepage":"https://paullukashuber.github.io/qr-code-generator/","language":"JavaScript","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/PaulLukasHuber.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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}},"created_at":"2025-03-20T07:56:53.000Z","updated_at":"2025-03-24T21:07:28.000Z","dependencies_parsed_at":"2025-07-06T21:41:00.830Z","dependency_job_id":"ecdb670d-5559-4271-92e0-a09095bb4bc4","html_url":"https://github.com/PaulLukasHuber/qr-code-generator","commit_stats":null,"previous_names":["paullukashuber/qr-code-generator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PaulLukasHuber/qr-code-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulLukasHuber%2Fqr-code-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulLukasHuber%2Fqr-code-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulLukasHuber%2Fqr-code-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulLukasHuber%2Fqr-code-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PaulLukasHuber","download_url":"https://codeload.github.com/PaulLukasHuber/qr-code-generator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PaulLukasHuber%2Fqr-code-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31702577,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"online","status_checked_at":"2026-04-12T02:00:06.763Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["javascript","png","qr-code","qr-code-generator","qr-generator","react","shadcn-ui","svg","tailwindcss","vite","web-app"],"created_at":"2025-03-24T05:34:36.394Z","updated_at":"2026-04-12T02:31:25.489Z","avatar_url":"https://github.com/PaulLukasHuber.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# QR-Code Generator\n\n\u003cdiv align=\"center\"\u003e\n\n![License](https://img.shields.io/badge/license-MIT-blue.svg)\n![React](https://img.shields.io/badge/React-18-61DAFB?logo=react)\n![Tailwind](https://img.shields.io/badge/Tailwind-3-38B2AC?logo=tailwind-css)\n![Vite](https://img.shields.io/badge/Vite-5-646CFF?logo=vite)\n![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/paullukashuber/qr-code-generator/deploy.yml?logo=github)\n![GitHub last commit](https://img.shields.io/github/last-commit/paullukashuber/qr-code-generator)\n![GitHub issues](https://img.shields.io/github/issues/paullukashuber/qr-code-generator)\n![Version](https://img.shields.io/badge/version-1.7.0-brightgreen)\n\nCreate custom QR codes with adjustable colors, multiple export formats, and logo integration.\n\n\u003cimg src=\"/public/images/qr-code-generator-light.png\" alt=\"QR Code Generator Light Mode\" width=\"700px\" /\u003e\n\u003cdetails\u003e\n  \u003csummary\u003e🌙 View Dark Mode\u003c/summary\u003e\n  \u003cimg src=\"/public/images/qr-code-generator-dark.png\" alt=\"QR Code Generator Dark Mode\" width=\"700px\" /\u003e\n\u003c/details\u003e\n\n\u003c/div\u003e\n\n## ✨ Features\n\n### Content Generation\n- **Ready-made Templates** for common QR code types:\n  - Website URLs, Wi-Fi credentials, Contact information\n  - Email addresses, Crypto-Wallet addresses\n  - Geographic locations, Calendar events\n  - SMS messages, App Download links with platform detection\n- **Smart Form Fields** that adapt to each template type\n- **Custom DateTimePicker** for easy calendar event creation\n\n### Customization Options\n- **Color Personalization** with custom colors or professional presets\n  - 12 professionally designed color schemes for every context\n  - Options including Purple Accent, Earth Tones, and Neon Teal\n- **Dark Mode Support** with automatic system preference detection\n- **Size Adjustment** (100-400px) with live preview\n- **Error Correction Selection** (L, M, Q, H) with visual indicators\n\n### Logo Integration\n- **True Vector Logo Support** – SVG logos maintain their vector properties in exports\n- **Multiple Logo Shapes** – Square, rounded square, or circle\n- **Logo Background Options** – Add custom backgrounds for better contrast\n- **Automatic Error Correction** – High-level correction when using logos for reliability\n\n### Enhanced Export Capabilities\n- **Organized Export Interface** - Intuitive tabbed design for all format options\n- **Multiple Format Support**:\n  - **Vector Formats**: SVG for perfect scaling, PDF for documentation (beta)\n  - **Raster Formats**: PNG, JPEG, and WebP (beta) for universal compatibility\n  - **Web Integration**: HTML snippets, Data URLs, and clipboard copying\n- **Format Descriptions** - Helpful context for choosing the right export option\n- **Dark Mode Compatible** - Fully functional in both light and dark themes\n\n## 🚀 Quick Start\n\n```bash\n# Clone repository\ngit clone https://github.com/your-username/qr-code-generator.git\n\n# Change directory\ncd qr-code-generator\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n```\n\nVisit http://localhost:5173 in your browser to start creating QR codes.\n\n## 🛠️ Technologies\n\n- **React 18** with functional components and hooks\n- **Tailwind CSS** for styling\n- **Shadcn UI** for component architecture\n- **QRCode.js** for QR code generation\n- **Vite** for fast development and optimized builds\n\n## 💻 Usage Guide\n\n### Basic QR Code Creation\n\n1. **Choose a Template or Enter Text**\n   - Select from pre-built templates or enter any text/URL\n   - Each template provides specialized input fields\n\n2. **Customize Appearance**\n   - Choose from color scheme presets or set custom colors\n   - Adjust QR code size using the slider (100-400px)\n   - Select error correction level based on your needs:\n     - L (7%): For clean environments\n     - M (15%): General purpose use\n     - Q (25%): Enhanced durability \n     - H (30%): Maximum durability, required for logos\n\n3. **Add Your Logo (Optional)**\n   - Upload PNG, JPEG, or SVG logos\n   - Choose between square, rounded, or circular display\n   - Adjust size (10-40% of QR code)\n   - Add custom background for better visibility\n\n4. **Export Your QR Code**\n   - Use the tabbed export interface to select your preferred format\n   - Choose from vector formats for perfect scaling (SVG, PDF)\n   - Select raster formats for compatibility (PNG, JPEG, WebP)\n   - Utilize web integration options (HTML, Data URL, Copy to Clipboard)\n\n### Best Practices for QR Code Reliability\n\n- Use high error correction (H) when adding logos\n- Keep logo size under 30% for better scanability\n- Test your QR code with different scanning apps\n- Maintain adequate contrast between foreground and background colors\n\n## 🔍 Compatibility\n\nQR codes generated by this tool are compatible with:\n- Modern smartphone cameras (iOS, Android)\n- Dedicated QR code scanner apps\n- Most POS and inventory systems\n- Digital wallets for crypto addresses\n- Calendar apps (for event QR codes)\n- SMS messaging apps (for SMS QR codes)\n- App stores (for App Download QR codes)\n\n## 🔮 Roadmap\n\n### Current Features\n- [x] Predefined color schemes\n- [x] Custom logo integration\n- [x] True vector SVG export\n- [x] Error correction level adjustment\n- [x] Expanded color palette options\n- [x] Comprehensive export format options\n\n### Coming Soon\n- [ ] Context-aware export options\n- [ ] Advanced export formats (Print Direct, ZIP Package, Social Media)\n- [ ] Additional QR code visual styles (dots, patterns)\n- [ ] QR code generation history\n- [ ] Multiple language support\n- [ ] Direct sharing options\n- [ ] Browser extension\n\n## 🤝 Contributing\n\nContributions make this project better! Please check the [Contributing Guide](CONTRIBUTING.md) for details on how to get started.\n\n1. Fork the repository\n2. Create a feature branch: `git checkout -b feature/amazing-feature`\n3. Make your changes and commit them: `git commit -m 'Add amazing feature'`\n4. Push to your branch: `git push origin feature/amazing-feature`\n5. Open a Pull Request\n\n## 🔧 Troubleshooting\n\n**QR codes aren't scanning?**\n- Ensure adequate contrast between foreground and background\n- Try increasing the error correction level (especially with logos)\n- Make sure QR code size isn't too small when displayed\n\n**Export issues?**\n- Vector SVG exports may not display correctly in some older applications\n- For maximum compatibility, use PNG export\n- WebP format requires modern browser support\n- PDF export uses browser print functionality\n\n## 📄 License\n\n[MIT License](LICENSE) • Copyright © 2025 [Paul-Lukas Huber](https://github.com/paullukashuber)\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/paullukashuber/qr-code-generator/issues\"\u003eReport Bug\u003c/a\u003e •\n  \u003ca href=\"https://github.com/paullukashuber/qr-code-generator/issues\"\u003eRequest Feature\u003c/a\u003e\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaullukashuber%2Fqr-code-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaullukashuber%2Fqr-code-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaullukashuber%2Fqr-code-generator/lists"}