🚀 QR Code Generator - A Static Website to Generate and Display QR Codes

The QR Code Generator is a static website built using HTML, CSS, and JavaScript. This project aims to provide a user-friendly interface to generate QR codes for various applications, such as storing contact information, URLs, or text messages. The website is designed to be responsive, ensuring a seamless user experience across different devices and screen sizes.

The QR code generator uses a custom-made algorithm to generate QR codes based on the user's input. The generated QR code is then displayed on the webpage, allowing users to scan it using their mobile devices.

✨ Features

1. User-Friendly Interface: The website features a simple and intuitive interface, making it easy for users to generate QR codes.
2. Customizable QR Codes: Users can customize their QR codes by changing the color scheme, size, and error correction level.
3. Responsive Design: The website is designed to be responsive, ensuring a seamless user experience across different devices and screen sizes.
4. Error Handling: The website includes error handling mechanisms to ensure that users receive feedback in case of errors or invalid input.
5. QR Code Generation: The website generates QR codes based on the user's input, which can be stored in various formats, such as PNG, SVG, or EPS.
6. Scanning: Users can scan the generated QR code using their mobile devices, which can be used to access a website, send a message, or store contact information.
7. Code Storage: The website allows users to store their generated QR codes for future use or sharing.

🧰 Tech Stack Table

| HTML5 | CSS3 |Java Script

📁 Project Structure

qr-code-generator/
index.html
style.css
script.js
qr-code-generator.js
package.json
README.md

• index.html: The main HTML file that contains the webpage structure and layout.
• style.css: The CSS file that contains the website's styles and design elements.
• script.js: The JavaScript file that contains the website's logic and functionality.
• qr-code-generator.js: The JavaScript file that contains the QR code generation algorithm.
• package.json: The file that contains the project's dependencies and metadata.
• README.md: The file that contains this README documentation.

⚙️ How to Run

To run the project, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/qr-code-generator.git
2. Install the dependencies: npm install
3. Build the project: npm run build
4. Start the development server: npm run start
5. Open the website in your web browser: http://localhost:3000

🧪 Testing Instructions

To test the project, follow these steps:

1. Open the website in your web browser: http://localhost:3000
2. Enter a valid input (e.g., a URL, a message, or contact information) in the QR code generator form.
3. Click the "Generate QR Code" button to generate the QR code.
4. Scan the generated QR code using your mobile device.
5. Verify that the QR code is scanned correctly and displays the expected content.

👤 Author

• Name: [Hrusikesh Sahu]
• Email: [[email protected]]
• Linkedin: [https://www.linkedin.com/in/hrusikesh-sahu-895420300/]