QRFactory
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v12View latest version
A simple web application that generates QR codes from URLs and allows users to download them as PNG images.
- URL Input: Enter any valid URL to generate a QR code
- Customizable Size: Choose from multiple size options (200x200 to 1000x1000 pixels)
- Instant Generation: QR codes are generated in real-time using the qrcode library
- PNG Download: Download the generated QR code as a PNG file
- Responsive Design: Clean, mobile-friendly interface using TailwindCSS
- Input Validation: Ensures valid URLs are entered before generation
- Enter a valid URL in the text field (e.g., https://example.com)
- Select your desired QR code size from the dropdown
- Click "Generate QR Code" or press Enter
- Once generated, click "Download PNG" to save the QR code to your device
- Frontend: Pure HTML/CSS/JavaScript with TailwindCSS for styling
- QR Generation: Uses the
qrcodelibrary from ESM.sh - Canvas Rendering: QR codes are rendered to HTML5 canvas for high quality
- Client-side Only: No backend required, all processing happens in the browser
├── index.ts # HTTP handler that serves the QR code generator webpage
└── README.md # This documentation file
The application is entirely self-contained in a single TypeScript file that serves the HTML content.