Basic Requirements of the Project

To implement the QR code generator application, you do not need to have exceptional web development skills. Even if you are a beginner in web technologies such as HTML, CSS and JS you can build your own QR code generator application. The following are the pre-requisites for QR code generator application.

Basic Requirements

You need to have the basic requirement of

• Working laptop with internet connection
• Install VScode in your machine
• Connect your GitHub account to VScode (Optional)

Tech Stack Used

You do not need to be proficient in the following technologies, but it is good to know the basics.

• HTML: It is used to structure the web application.
• CSS: It is used for styling the web application.
• JavaScript: It is used for implementing the logic behind the web application.
• React JS: This is a popular framework for frontend development.
• Git: It is used for uploading/hosting the codes.
• Vercel: It is used for deploying web applications.

Input and Output

Input

The input of the QR code generator application is a website link. When the user enters the website link in the input text box and hits the generate button, it will start the generation process.

The website link needs to be a full web address (example: https://google.com).

Output

Once the user hits the generate button, it will start generating the QR code designed for the input website link. This is done using a third party package called ‘qrcode’ from npm package manager. The generated QR code will be both functional and able to download as a image to share it with your community.

In the next lesson, we will look into the necessary Javascript concepts behind the calculation of seconds, minutes and hours.