QR Code Generator

Overview

This QR Code Generator is a modern, professional web application that allows users to create and customize QR codes. Built using React and Tailwind CSS, it provides an intuitive interface with various customization options to generate visually appealing QR codes. Users can adjust the color, size, error correction level, and even add a logo to the QR code.

Features

• Text Input: Enter the text or URL to encode in the QR code.
• Color Customization: Choose the color of the QR code.
• Size Adjustment: Set the size of the QR code.
• Error Correction Levels: Select the level of error correction for robustness.
• Logo Upload: Optionally upload a logo to be centered within the QR code.
• Generate and Download: Generate the QR code and download it as a PNG image.

Technologies Used

• React: For building the user interface.
• Tailwind CSS: For styling and responsive design.
• QRCode.react: For generating QR codes.
• html2canvas: For capturing and downloading the QR code as an image.

Live Demo

You can try the QR Code Generator live here.

Screenshots

Here are some screenshots of the QR Code Generator UI:

Main Interface

QR Code Customization

Installation

1. Clone the Repository:

   git clone https://github.com/AJAmran/QR-Code-Generator.git