https://github.com/khamisilawrence/quick-qr

QR code generator built using HTML, CSS, and JavaScript.
https://github.com/khamisilawrence/quick-qr

javascript-qrcode-generator qrcode-generator

Last synced: 10 months ago
JSON representation

QR code generator built using HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/khamisilawrence/quick-qr
• Owner: khamisilawrence
• Created: 2023-07-25T18:06:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-16T20:02:52.000Z (about 2 years ago)
• Last Synced: 2024-12-10T12:13:50.230Z (about 1 year ago)
• Topics: javascript-qrcode-generator, qrcode-generator
• Language: CSS
• Homepage: https://quick-qr-code-gen.netlify.app
• Size: 258 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [**Quick QR: Simple QR Code Generator**](https://quick-qr-code-gen.netlify.app/)

![Screenshot of Quick QR Live Demo](assets/screenshots/screenshot-of-quickqr-live-demo.png)

QR code generator built using HTML, CSS, and JavaScript.

## Table of Contents

- [Summary](#summary)

- [Usage](#usage)

- [Installation](#installation)

- [Screenshots](#screenshots)

- [Credits](#credits)

## Summary

A QR code generator that allows users to generate a QR code for either plain text or a valid URL. This project was completed with the aim of getting familiar with building a dynamic web application that renders content dependent on user input.

## Usage

To generate a QR code:

1. Navigate to the [live demo](https://quick-qr-code-gen.netlify.app/)

2. Enter either text or a valid URL

3. Click the `Generate QR Code` button

## Installation

1. Clone this repository to your local machine:

   ```bash

    git clone https://github.com/khamisilawrence/quick-qr.git

   ```

2. Navigate to repository:

   ```bash

    cd quick-qr

   ```

## Screenshots

**Default Screen**

![Screenshot of QR Code Generator](assets/screenshots/screenshot-of-quickqr-website.png)

**QR code generated using plain text**

![Screenshot of QR Code Generator](assets/screenshots/screenshot-of-text-qr-code.png)

**QR code generated using a valid URL**

![Screenshot of QR Code Generator](assets/screenshots/screenshot-of-url-qr-code.png)

## Credits

- This project was completed as practice in accordance with guidance provided by a [YouTube tutorial](https://youtu.be/g1j9rR-H1lk) uploaded by [GreatStack](https://www.youtube.com/@GreatStackDev) titled “How To Make Website Using HTML And CSS | Website Design With HTML And CSS”.

- The API used in the project is the [QR Code Generator API](https://goqr.me/api/).