Set up the Project Environment

In this module we will get our hands dirty with the actual implementation of a QR code generator application in React JS. Let’s get started with the initial project setup!

Set up the environment

As the first step to get started with the implementation, we need to set up the environment for the project. Follow the below steps to set up the project.

• Open VScode
• Create a new folder named qr-generator
• Open new terminal
• Enter the command npx create-react-app app. This will create a new React JS project with the name app.
• Once the installation is complete, enter the command cd app & npm start to start the React JS application in localhost:3000.

After removing the unnecessary files and folders, the app directory will look like this.