https://github.com/haseeb1389446/js-qr-code-generator

I created this QR code generator 🛠️ to improve my 🟡 JavaScript logic-building skills.
https://github.com/haseeb1389446/js-qr-code-generator

api javascript js js-project practice practice-project project qrcode-generator

Last synced: 11 days ago
JSON representation

I created this QR code generator 🛠️ to improve my 🟡 JavaScript logic-building skills.

• Host: GitHub
• URL: https://github.com/haseeb1389446/js-qr-code-generator
• Owner: Haseeb1389446
• Created: 2024-11-22T04:19:36.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-01-12T06:23:34.000Z (about 1 month ago)
• Last Synced: 2025-01-12T07:25:18.540Z (about 1 month ago)
• Topics: api, javascript, js, js-project, practice, practice-project, project, qrcode-generator
• Language: CSS
• Homepage: https://qr-code-generator-123.netlify.app/
• Size: 33.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JS Qr Code Generator

A simple and responsive QR Code Generator built using HTML, CSS, and JavaScript.

## Features

- **Generate QR Codes**: Create QR codes instantly by entering text or URLs.

- **Responsive Design**: Works seamlessly on all devices.

- **Simple and Clean UI**: User-friendly design with intuitive controls.

## Demo

Try it out: [Live Demo](https://qr-code-generator-123.netlify.app/)

## How to Use

1. Clone this repository:

   ```bash

   git clone https://github.com/Haseeb1389446/Js-Qr-Code-Generator.git

   ```

2. Navigate to the project folder:

   ```bash

   cd Js-Qr-Code-Generator

   ```

3. Open the `index.html` file in your browser.

## Technologies Used

- **HTML**: Structure of the application.

- **CSS**: Styling and responsive design.

- **JavaScript**: QR code generation functionality.

## Project Structure

```

js-qr-code-generator/

├── index.html

├── style.css

├── script.js

└── README.md

```

## Screenshot

![image](https://github.com/user-attachments/assets/2ec64caa-39ec-4c5e-80b2-729ccff6d6ef)

## Contributing

Contributions are welcome! If you have suggestions or improvements, feel free to open an issue or submit a pull request.