ReLatto Bar & QR Code Generator This is a professional, single-file web application designed to generate highly customizable Barcodes (Code 128, Code 39) and QR Codes in real-time. Users can adjust colors, add custom text, choose fonts, and download the final image in multiple formats (PNG, JPEG, and PDF).
✨ Features Real-time Generation: Instantly generate codes as you type and adjust settings.
Multiple Code Types: Supports:
QR Codes
Barcodes (Code 128): High-density, alphanumeric code.
Barcodes (Code 39): Standard alphanumeric code (limited character set).
Advanced Customization:
Select foreground (code) and background colors.
Add custom wording/labels to the generated image.
Control label position, font family, and font weight.
Download Options: Export the generated code canvas directly as:
PNG (best quality/lossless)
JPEG (optimized for smaller file size)
PDF (vector-based wrapper for easy printing)
Responsive UI: Features a horizontal panel layout on desktop and a stacked vertical layout on mobile for optimal usability.
🚀 Getting Started Since this application is a single, self-contained HTML file, running it couldn't be simpler!
Prerequisites You only need a modern web browser (Chrome, Firefox, Edge, Safari, etc.).
Installation and Execution Clone the Repository:
git clone [Your Repository URL] cd [Your Repository Name]
Open the File: Locate the relatto_code_gen.html file in your local directory.
Launch: Double-click the file. It will automatically open in your default web browser.
No web server or complex setup is required, as all dependencies are loaded via external CDNs.
🛠️ Technologies Used This project leverages client-side technologies for speed and efficiency:
HTML5 & JavaScript: Core structure and logic.
Tailwind CSS: Used for all responsive styling and modern aesthetics.
JsBarcode: JavaScript library for generating Code 128 and Code 39 barcodes.
qrcode-generator: JavaScript library for creating QR codes.
jsPDF: Used to wrap the canvas image into a downloadable PDF document.
Developed by Eric Nangomba | JertineTech & Lerato Mofokeng