https://github.com/josunlp/qr-code-generator
https://github.com/josunlp/qr-code-generator
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/josunlp/qr-code-generator
- Owner: JosunLP
- License: mit
- Created: 2025-01-09T00:15:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-09T11:32:06.000Z (over 1 year ago)
- Last Synced: 2025-03-20T10:11:51.375Z (about 1 year ago)
- Language: Vue
- Size: 940 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
QRify
The most simple, privacy-first QR Code Generator you can find.
No tracking. No login. No subscription.
View Demo
·
Report Bug
·
Request Feature
## 📋 Table of Contents
- [Features](#-features)
- [Demo](#-demo)
- [Installation](#-installation)
- [Usage](#-usage)
- [Tech Stack](#-tech-stack)
- [Project Structure](#-project-structure)
- [Internationalization](#-internationalization)
- [Contributing](#-contributing)
- [License](#-license)
---
## ✨ Features
### 🎨 Multiple QR Code Types
- **Text** - Encode any plain text
- **URL** - Create scannable links
- **vCard** - Generate business card QR codes with full contact information (name, phone, email, address, company, website)
- **WiFi** - Share network credentials (SSID, password, encryption type, hidden network support)
- **Email** - Pre-compose emails with recipient, subject, and body
### 📥 Multiple Export Formats
- **Vector:** SVG (scalable without quality loss)
- **Raster:** PNG, JPEG, GIF, TIFF, WebP
### 🔒 Privacy-First
- **No tracking** or analytics
- **No login** or subscription required
- **No server-side processing** - everything runs 100% client-side
- **Secure** and private
### 🌐 Internationalization
- **27 Languages Supported**
- Auto-detects browser language
- Easy language switching via dropdown
### 📱 Progressive Web App (PWA)
- Installable on desktop and mobile devices
- Works **offline** after initial load
- Automatic updates
### 🎨 Modern UI/UX
- Clean, responsive design
- Built with **Tailwind CSS**
- Accessible (ARIA labels, keyboard navigation)
- Smooth animations and transitions
---
## 🚀 Demo
Visit the live application: **[QRify](https://qr.flausch-code.de/)**
---
## 💻 Installation
### Prerequisites
- [Bun](https://bun.sh/) (recommended) or [Node.js](https://nodejs.org/) (v18+)
### Setup
1. **Clone the repository**
```bash
git clone https://github.com/JosunLP/qr-code-generator.git
cd qr-code-generator
```
2. **Install dependencies**
```bash
bun install
# OR
npm install
```
---
## 🛠 Usage
### Development Server
Start the development server with hot-reload:
```bash
bun run dev
```
The application will be available at `http://localhost:5173`.
### Production Build
Build the application for production:
```bash
bun run build
```
### Preview Production Build
Preview the production build locally:
```bash
bun run preview
```
### Linting & Formatting
```bash
bun run lint # Lint files
bun run format # Format files
```
---
## 🧰 Tech Stack
| Technology | Purpose |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- |
| 
| Frontend Framework |
| 
| Language |
| 
| Build Tool |
| 
| Styling |
| 
| Internationalization |
| 
| Runtime & Package Manager |
---
## 📂 Project Structure
```bash
qr-code-generator/
├── public/ # Static assets (icons, robots.txt)
├── src/
│ ├── assets/ # Images and design files
│ ├── components/ # Vue components
│ │ ├── LocalSwitch.vue # Language switcher
│ │ ├── QrDownload.vue # Download functionality
│ │ ├── QrInput.vue # Input form for all QR types
│ │ └── QrPreview.vue # Live QR code preview
│ ├── locales/ # Translation files (27 languages)
│ ├── plugins/ # Plugins (i18n, etc.)
│ ├── store/ # Vuex store
│ ├── styles/ # Global styles & Tailwind
│ ├── App.vue # Root component
│ └── main.ts # Entry point
├── index.html # HTML entry point
└── vite.config.ts # Vite configuration
```
---
## 🌍 Internationalization
QRify supports **27 languages** with automatic browser language detection.
View Supported Languages
| Language | Code | | Language | Code |
| ---------- | ---- | --- | ---------- | ---- |
| English | `en` | | Korean | `ko` |
| German | `de` | | Turkish | `tr` |
| French | `fr` | | Arabic | `ar` |
| Spanish | `es` | | Hindi | `hi` |
| Italian | `it` | | Czech | `cs` |
| Portuguese | `pt` | | Greek | `el` |
| Dutch | `nl` | | Hungarian | `hu` |
| Polish | `pl` | | Romanian | `ro` |
| Russian | `ru` | | Ukrainian | `uk` |
| Swedish | `sv` | | Vietnamese | `vi` |
| Chinese | `zh` | | Thai | `th` |
| Japanese | `ja` | | Indonesian | `id` |
| Danish | `da` | | Norwegian | `no` |
| Finnish | `fi` | | | |
---
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
---
## 👤 Author
**Jonas Pfalzgraf (JosunLP)**
- Email:
- GitHub: [@JosunLP](https://github.com/JosunLP)
---
## 📄 License
This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.
---
Built with ❤️ using Vue 3 and Tailwind CSS
## Author
**Jonas Pfalzgraf (JosunLP)**
- Email:
- GitHub: [@JosunLP](https://github.com/JosunLP)
---
## License
This project is licensed under the terms specified in the [LICENSE](LICENSE) file.
---
## Acknowledgments
- [qrcode](https://www.npmjs.com/package/qrcode) - QR code generation library
- [Vue.js](https://vuejs.org/) - The progressive JavaScript framework
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework