This project provides a straightforward way for users to generate QR codes for URLs. By simply entering the desired URL and clicking a button, users can quickly obtain a QR code representation of the URL. The application validates the input URL format and dynamically generates the QR code using JavaScript and the QRCode.js library.
- Enter the URL you want to generate a QR code for in the input field.
- Click the "Generate QR Code" button.
- The QR code will be displayed below the input field.
- Validates input URL format.
- Generates QR code dynamically based on user input.
- HTML
- CSS
- JavaScript
- QRCode.js (a library for generating QR codes)
- Download the ZIP file from the GitHub repository.
- Extract the ZIP file to your desired location.
- Open the extracted folder.
- Double-click the
index.html
file to open it in a web browser.
- Clone the repository using the following command in your terminal or command prompt:
git clone https://github.com/0xelsherif/URL-QR-Code-Generator.git
- Navigate to the cloned directory:
cd URL-QR-Code-Generator
- Open the
index.html
file in a web browser.
- Valid URLs starting with 'ftp://', 'http://', or 'https://'
- URLs must not contain spaces or special characters.
- Valid: https://www.example.com
- Valid: http://subdomain.example.com/page
- Valid: ftp://ftp.example.com
- Invalid: www.example.com (missing protocol)
- Invalid: http://www example com (contains spaces)
- Invalid: https://www.example.com/page with space (contains space)
If you find this project useful or interesting, consider giving it a star ⭐ on GitHub and spreading the word! Your support means a lot to me and helps in maintaining and improving the project.
If you'd like to contribute to the project, whether it's fixing bugs, adding new features, or improving documentation, feel free to open a pull request. Contributions of all kinds are welcome!
Follow me on GitHub to stay updated with my latest projects and contributions:
If you'd like to support the development of this project further or express your appreciation with a small gesture, consider buying me a coffee! Your support helps keep me fueled for more coding sessions. Thank you for your support!