QR Code Generator

Page Elements

On the HOME page, we added the following page elements:

• TextInput: To enter the text to turn into a QR code.

• Button: To start the QR code generation process.

• VectorImage: To display the QR code that is generated.

Code

On the HOME page, we used code to handle button clicks by reading the input text, calling a backend function to turn the text into a QR code SVG XML, and display the QR code image. 

We imported the qrcode npm package and use it in the backend.

In the backend qrCode.jsw file, we used code to import an npm package and create a function that takes in a text string and returns a QR code SVG XML string.