Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

My process

To create the QR code component, I followed these general steps:

Installed the necessary dependencies for the project, including React, Tailwind CSS, and qrcode.react.
Created a new component inside app in my React project to render the QR code.
Styled the component using Tailwind CSS classes to adjust the size and color of the text.
Styled to support responsive design by using Tailwind CSS classes to adjust the size of the QR code and text.
Tested the component in the browser to ensure that it was working as expected.

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
design		design
images		images
public		public
src		src
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.cjs		postcss.config.cjs
tailwind.config.cjs		tailwind.config.cjs
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts