Skip to content

Latest commit

 

History

History
92 lines (57 loc) · 2.44 KB

README.md

File metadata and controls

92 lines (57 loc) · 2.44 KB
Raw

QR Code Generator 📱

This project is a simple QR Code Generator built with HTML, CSS, and JavaScript. Users can enter text or a URL, and the application will generate a corresponding QR code. This is a client-side application, so no backend is required.

Table of Contents

Overview

The QR Code Generator allows users to generate a QR code for any input text or URL. The generated QR code can then be scanned by a mobile device to access the encoded information.

Features

  • Real-Time QR Code Generation: Instantly generates a QR code for the entered text or URL.
  • Simple and Intuitive UI: Clean and responsive design for easy usage.
  • Download Option: Optionally, add functionality to download the generated QR code as an image file.

Tech Stack

  • HTML: Structure of the application.
  • CSS: Styling for the user interface.
  • JavaScript: Logic for generating the QR code.

Project Structure

QR-Code-Generator/
├── index.html             # Main HTML file
├── style.css              # CSS file for styling
├── script.js              # JavaScript file for QR code generation
└── README.md              # Project documentation

Installation

  1. Clone the repository:

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

  2. Open index.html in your browser to start using the QR Code Generator.

Usage

  1. Enter Text or URL: Type in the text or URL you want to convert into a QR code.
  2. Generate QR Code: Click the "Generate" button to create the QR code.
  3. Scan or Download: Scan the QR code with a mobile device. Optionally, you can add a download feature to save the QR code image.

Customization

  • Styling: Modify the style.css file to change colors, fonts, or layout.
  • QR Code Library: If you want to use a different library, update the script in script.js with a new QR code generation library (e.g., qrcode.js or an API like GoQR.me).

References