QR Forge — Cinematic QR Code Generator

🎬 Overview

QR Forge is a modern, fast, and privacy-focused QR code generator built with vanilla JavaScript. Generate QR codes with real-time preview, customizable styling, and instant export options—all processed locally in your browser with zero data collection.

✨ Key Features

• Real-time QR Generation — Instant preview as you type
• Customization Options — Adjust foreground/background colors, QR size, and error correction levels
• High-Resolution Export — Download as PNG (512×512px default) or SVG (scalable vector)
• Privacy First — All processing happens locally; no server uploads or data tracking
• Responsive Design — Works seamlessly on desktop and mobile

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• No build tools or dependencies required

Installation

1. Clone the repository

   git clone https://github.com/nottherajyk/OR-code-Generator.git
   cd OR-code-Generator

2. Open in browser

   • Double-click index.html, or
   • Use a local server:

     # Python 3
     python -m http.server 8000
     
     # Python 2
     python -m SimpleHTTPServer 8000
     
     # Node.js (if http-server installed)
     http-server

   • Visit http://localhost:8000

📋 Usage

1. Enter Text or URL — Type or paste content into the input field
2. Customize — Click "Refinement Settings" to:
   • Choose foreground and background colors
   • Select QR size (256px, 512px, 1024px)
   • Set error correction level (L, M, Q, H)
3. Download — Export as PNG or SVG using the download buttons

Keyboard Shortcuts

• Ctrl+S (Windows/Linux) or Cmd+S (Mac) — Download as PNG

🛠️ Tech Stack

• HTML5 — Semantic markup and structure
• CSS3 — Cinematic dark theme with CSS variables and animations
• Vanilla JavaScript — No frameworks, lightweight and fast
• QR Code Library — Efficient QR encoding and generation

📁 Project Structure

OR-code-Generator/
├── index.html        # Main HTML structure
├── style.css         # Styling and animations
├── script.js         # Core functionality and QR generation
├── README.md         # This file
└── .vscode/          # VS Code settings

🎨 Customization

Color Scheme

The color palette is defined in CSS variables (style.css):

• --accent: Primary accent color (soft beige gold)
• --bg-primary: Main background color
• --text-primary: Primary text color

Modify the :root section to customize the theme.

QR Options

In script.js, adjust default values:

let qrSize = 512;        // Default size in pixels
let ecLevel = 'M';       // Error correction level: L, M, Q, H

📦 Export Formats

• PNG — Raster format, perfect for sharing and printing (512×512px default)
• SVG — Scalable vector format, ideal for high-resolution output and resizing

🔒 Privacy

QR Forge is 100% client-side. No data is sent to external servers during QR generation. The application uses the qrcode-generator library for encoding.

🤝 Contributing

Contributions are welcome! Feel free to:

• Report bugs or suggest features via GitHub Issues
• Submit pull requests with improvements
• Share feedback and ideas

📄 License

This project is licensed under the MIT License — see the LICENSE file for details.

📞 Support

For questions or issues, please open a GitHub Issue in the repository.

---

Made with ❤️ for fast, beautiful QR code generation.