A simple and interactive web application for generating and downloading QR codes based on user input. Built using HTML, CSS, and JavaScript, this project offers a clean, modern interface and seamless functionality.
Features
1. Dynamic QR Code Generation
• Enter text to instantly generate a QR code.
• Visual feedback with a responsive design.
2. Download QR Code
• Save the generated QR code as a PNG file.
• Simple one-click download functionality.
3. Keyboard Accessibility
• Press “Enter” to generate a QR code without using the mouse.
4. Responsive Design
• Fully functional across desktops, tablets, and mobile devices.
5. Modern UI/UX
• Gradient backgrounds, hover animations, and smooth transitions.
• Optimized for an engaging user experience.
How to Use
1. Clone the repository:
git clone https://github.com/AbdullahRFA/qr-code-generator.git
2. Open the project directory:
cd qr-code-generator
3. Open the index.html file in your browser to start the application.
4. Enter text in the input field and click the “Generate” button to create a QR code.
5. To download the QR code, click the “Download” button after generation.
Demo
Replace path/to/screenshot.png with the actual path to your project screenshot.
Technologies Used
• HTML: For structuring the web page.
• CSS: For styling and creating a responsive, modern design.
• JavaScript: For implementing dynamic QR code generation and download functionality.
API Used
This project uses the QR Code API to generate QR codes dynamically.
Future Enhancements
• Add customization options for QR code size, colors, and error correction levels.
• Implement direct sharing options for social media and email.
• Integrate a backend for storing and managing generated QR codes.
Contribution
Contributions are welcome! If you’d like to improve this project, please follow these steps: 1. Fork the repository. 2. Create a new branch:
git checkout -b feature-name
3. Commit your changes:
git commit -m "Add feature-name"
4. Push the branch:
git push origin feature-name
5. Open a pull request.
License
This project is licensed under the MIT License. See the LICENSE file for details.
Acknowledgments
Special thanks to the QR Code API team for providing an excellent tool for generating QR codes.
Author
Developed by Abdullah Nazmus-Sakib. For any queries or feedback, feel free to reach out.