Skip to content

Haimantika/qrcode-generator

Repository files navigation

QR Code Generator App

Description

QR Code Generator is a simple, efficient, and user-friendly application designed to quickly create QR codes from URLs. This lightweight app offers a hassle-free way to generate QR codes that can be used for a wide range of purposes, including web links, product information, and contact details.

Features

  • Easy-to-Use Interface: Clean and intuitive design makes QR code generation straightforward.
  • Instant QR Code Generation: Simply enter a URL and get a QR code instantly.
  • Downloadable QR Codes: QR codes can be downloaded with a click of a button.
  • Responsive Design: Works seamlessly on both desktop and mobile devices.

Installation

To set up QR Code Generator on your local machine, follow these steps:

  1. Clone the repository: https://github.com/Haimantika/qrcode-generator
  2. Run the command npm i tailwind to add the stylesheet
  3. If you have liveserver extension installed, right click and click on Open with Live Server to see the changes locally.
  4. If you want to make changes to the code, go to the build and then edit the index.html file.

Usage

  1. Open the application in your web browser.
  2. Enter the URL you want to convert into a QR code in the input field.
  3. Click the "Generate QR Code" button.
  4. The QR code will appear within the display area.
  5. To download the QR code, click the "Download Image" button that appears after generation.

Technologies Used

  • HTML
  • CSS (TailwindCSS)
  • JavaScript

Contributing

Contributions to the QR Code Generator app are welcome. Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -am 'Add some feature').
  4. Push to the branch (git push origin feature-branch).
  5. Create a new Pull Request.
  6. Please follow the Contributing Guide before making any changes.

Contact

For any questions or suggestions, please reach out to me @Haimantika.