Qr Code Generator with color theme switcher

This app generates Qr Code based on the entered URL. It is also possible to customize and download the generated Qr Code.

Overview

About App

This app generates Qr Code based on the url entered.

Features:

• Light / dark mode theme switcher
• Dynamically generating the Qr Code as you type the URL
• Dynamically update the color and background of the Qr Code based on the customization input entered by the user
• Dynamically update the customized image of the Qr Code
• Removes the custom image of the Qr Code
• You can download the .png of the generated Qr Code

Built with

• Semantic HTML5 markup
• CSS custom properties
• Grid & Flexbox
• React - Js library
• QRCode.react - Qr Code package
• React Color - Color Pickers package

Useful resources

• QRCode.react
• React Color

Installation

• Clone the repository

  git clone https://github.com/sabraman/qrcode.git

• Navigate to repository folder

  cd qrcode-generator

• Install npm packages

  npm install

• To run the app in the development mode run in the project directory:

  npm start

Bugs

Please feel free to create an issue if you see a bug or something unexpected in the app.