QR Code Generator

A modern, responsive web application that generates QR codes for various purposes including text, URLs, contact information, and UPI payments. Built with vanilla JavaScript and features a clean, user-friendly interface with dark/light theme support.

Screenshots

Light Theme

Dark Theme

Different QR Code Types

Features

• 🎨 Multiple QR Code Types

  • Text QR Codes
  • URL QR Codes
  • Contact Information (MECARD format)
  • UPI Payment QR Codes

• 🎯 User-Friendly Interface

  • Clean and modern design
  • Responsive layout for all devices
  • Form validation with helpful error messages
  • Smooth animations and transitions

• 🌓 Theme Support

  • Light and dark theme options
  • Persistent theme preference storage
  • Automatic system theme detection

• 💾 Download Options

  • Download QR codes as PNG images
  • High-quality vector rendering

Technologies Used

• HTML5
• CSS3 (with CSS Variables for theming)
• Vanilla JavaScript
• QRCode.js library
• Font Awesome icons

Getting Started

1. Clone the repository:

   git clone https://github.com/AadityaGeek/qr-code-generator.git

2. Open index.html in your web browser

   • No build process or installation required
   • Works directly in the browser

Usage

1. Select QR Code Type

   • Choose from Text, URL, Contact, or UPI Payment

2. Enter Information

   • Fill in the required fields based on the selected type
   • Follow the on-screen validation messages

3. Generate QR Code

   • Click the "Generate QR Code" button
   • Preview the generated QR code

4. Download

   • Click the "Download QR Code" button to save as PNG

Features by Type

Text QR Code

• Generate QR codes for any text content
• Multi-line support
• No character limit

URL QR Code

• Create QR codes for website links
• Automatic URL validation

Contact QR Code

• Generate MECARD format QR codes
• Include name, phone, and email (optional)
• Compatible with most QR code scanners

UPI Payment QR Code

• Create payment QR codes for Indian UPI
• Support for amount and notes
• Compatible with all UPI payment apps

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

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

Acknowledgments

• QRCode.js for QR code generation
• Font Awesome for icons
• Inter Font by Rasmus Andersson

Author

Aaditya Kumar

• GitHub: @AadityaGeek
• LinkedIn: Aaditya Kumar

---

Made with ❤️ by Aaditya Kumar