QR Code Generator

A modern, user-friendly QR code generator built with React and TypeScript. Create beautiful, customizable QR codes for any URL instantly.

Created entirely using bolt.new with no code modifications. Completed in 5 minutes.👌

✨ Features

• Real-time QR Code Generation: Instantly generate QR codes as you type
• Customizable Design:
  • Adjust QR code size (128px - 512px)
  • Customize background color
  • Customize QR code color
• High Quality Export: Download QR codes as high-resolution PNG files
• Modern UI: Clean, responsive interface with a beautiful gradient background
• Error Correction: Uses high-level error correction for reliable scanning

🚀 Live Demo

Try it out: [https://moonlit-phoenix-9b3d54.netlify.app/)

🛠️ Built With

• React 18
• TypeScript
• Tailwind CSS
• Vite
• qrcode.react
• Lucide Icons

🏃‍♂️ Getting Started

1. Clone the repository:

   git clone https://github.com/ligj1706/QR-Code-Generator.git

2. Install dependencies:

   cd QR-Code-Generator
   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

💡 Usage

1. Enter any URL in the input field
2. Adjust the size using the slider
3. Customize colors using the color pickers
4. Click "Download QR Code" to save your QR code

📝 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

👏 Acknowledgments

• qrcode.react for the QR code generation
• Lucide Icons for the beautiful icons
• Tailwind CSS for the styling

📧 Contact

GitHub: @ligj1706

---

Made with ❤️ by Gavin & bolt.new