QR Buddy - Modern QR Code Generator

QR Buddy is a modern, intuitive QR code generator built with React and Tailwind CSS. Create beautiful, customizable QR codes with ease.

✨ Features

• Real-time QR Generation: Instantly generate QR codes as you type
• Customization Options:
  • Custom title for each QR code
  • Adjustable QR code size (128px to 512px)
  • Custom background color
  • Custom QR code color
  • Downloadable as PNG with title included
• Modern UI/UX:
  • Clean, responsive design
  • Glass-morphism effects
  • Smooth animations and transitions
  • Mobile-friendly interface
• Export Options:
  • High-quality PNG export (2x scale)
  • Custom filename support
  • Includes title in exported image

🚀 Tech Stack

• React.js
• Tailwind CSS
• react-qr-code
• html2canvas

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/SimplyAditya/QRBuddy.git

2. Navigate to the project directory:

   cd QRBuddy

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

🎯 Usage

1. Enter your text or URL in the input field
2. (Optional) Add a title for your QR code
3. Customize the appearance:
   • Adjust the size using the slider
   • Pick custom colors for background and QR code
4. Click the download button to save your QR code as a PNG file

🎨 Customization

• Size: Adjust QR code size from 128x128 to 320x320 pixels
• Colors: Full RGB color picker for both background and QR code
• Title: Optional title that appears both on display and in the downloaded image
• Theme: Quick reset option to restore default styling

📱 Responsive Design

• Adapts to all screen sizes
• Mobile-first approach
• Touch-friendly controls
• Maintains functionality across devices

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Credits

Created by Aditya Bansal

---

⭐️ Star this repo if you find it useful!