A responsive web application that allows users to generate and download barcodes and QR codes from any input data or URL. This project uses APIs for barcode and QR code generation, along with HTML, CSS, and JavaScript to create an interactive user interface.
- Input Field: Users can enter text or a URL to generate a barcode or QR code.
- Generate Buttons: Generate Barcode and QR Code buttons trigger the creation of respective codes.
- Download Options: Users can download the generated barcode or QR code as PNG images.
- Reset Functionality: Clear the input and hide generated images and download options.
- A web browser (e.g., Chrome, Firefox, Safari)
- Internet connection for accessing external APIs
-
Clone the repository:
git clone https://github.com/itsvee0120/Barcode_QRcode_Generator
-
Open
index.htmlin your browser.
- Input Data: Enter the text or URL you want to encode in the input field.
- Generate: Click the "Generate Barcode" or "Generate QR Code" button to create the respective code.
- Download: After generation, click the "Download Barcode" or "Download QR Code" button to save the image.
- Reset: Click the "Reset" button to clear the input and images.
-
Barcode Generation:
- API: Barcode API
- Description: This API generates barcode images in various formats. The application uses the Code 128 format for barcodes, allowing you to encode a wide range of data.
-
QR Code Generation:
- API: QRServer API
- Description: This API generates QR code images based on the provided data. It supports different sizes and can encode URLs, text, or any other information.
- HTML
- CSS
- JavaScript
- Font Awesome for icons
Responsive layout on web
generator1.mp4
Responsive layout on mobile phone
WhatsApp.Video.2024-10-24.at.18.30.59_28b4730d.mp4
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Made with ❤️ by Violet Nguyen
GitHub: itsvee0120