This project is a simple QR code generator built with HTML, CSS (Tailwind CSS), and JavaScript (jQuery). It allows users to input text or a URL and select the size of the QR code to be generated. The generated QR code can be downloaded as an image.
- Generate QR codes from text or URLs.
- Select from multiple QR code sizes.
- Display the generated QR code on the web page.
- Download the generated QR code as an image.
- HTML
- CSS (Tailwind CSS)
- JavaScript (jQuery)
Follow these steps to get a copy of the project up and running on your local machine.
- Web browser
- Internet connection
-
Clone the repository:
git clone https://github.com/your-username/qr-code-generator.git
-
Navigate to the project directory:
cd qr-code-generator
-
Open
index.html
in your web browser.
- Open the
index.html
file in your preferred web browser. - Enter the text or URL you want to encode in the "Data to Encode" field.
- Select the desired QR code size from the "Select Size" dropdown.
- Click the "Generate" button to generate the QR code.
- The generated QR code will be displayed on the page.
- Click the "Télécharger QR Code" button to download the generated QR code image.
To change the button colors, update the classes in the HTML file. For example, to change to a different color: