Author: Nicola De Nicolais
This code represents a simple QR Code Generator app based on React with the integration of React Router
React.js is a JavaScript library for creating user interfaces specific to single-page applications. It allows developers to create large web applications that can modify data without having to reload the page every time.
React Router is a complete JavaScript routing library that allows you to manage paths within a web application using so-called dynamic routing. It allows navigation between sections of various components in React applications and allows you to change the URL of the browser while keeping the user interface synchronized with the URL.
npm install react-router-dom
yarn add react-router-dom
A React component to generate QR codes for rendering to the DOM.
npm install qrcode.react
yarn add qrcode.react
- Clone this repository from GitHub
git clone https://github.com/ndenicolais/qr-code-generator
- Change the working directory
cd qr-code-generator-main
- Install dependencies
npm install
yarn
- Run the application in developer mode
npm start
yarn start
- Open http://localhost:3000 to view the application in the browser
Customize the QR code's aspect according to your preferences by editing these parameters:
📄 App.js in 📁 src
| Parameter | Description |
|---|---|
| value | type of value to input |
| size | size of QR code's image |
| bgColor | color of QR code's background |
| fgColor | color of QR code's symbol |
| level | level of error correction: (L\M\Q\H) |
| includeMargine | to include QR code's margin |