🎯 QR Generator

A beautiful, modern QR code generator built with React, TypeScript, and Tailwind CSS. Create stunning QR codes with custom titles, download in multiple formats.

✨ Features

• 🎨 Beautiful Design: Modern UI with animated backgrounds
• 📱 Fully Responsive: Works perfectly on desktop, tablet, and mobile devices
• ⚡ Instant Generation: Generate QR codes in real-time as you type
• 🏷️ Custom Titles: Add optional titles that appear above your QR codes
• 💾 Multiple Download Formats: Download as PNG or JPG with embedded watermark
• 🕒 History Feature: Keep track of your recently generated QR codes
• 🎯 Production Ready: Optimized performance and error handling

🚀 Live Demo

View Live Demo

🛠️ Tech Stack

• Frontend: React 18 + TypeScript
• Styling: Tailwind CSS with custom animations
• QR Generation: QRCode library for reliable QR code creation
• Icons: Lucide React for beautiful, consistent icons
• Build Tool: Vite for fast development and optimized builds
• File Downloads: FileSaver.js for seamless file downloads

📦 Installation

1. Clone the repository

   git clone https://github.com/gitanshugit/qr-generator.git
   cd qr-generator

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser Navigate to http://localhost:5173 to see the app in action!

🎯 Usage

1. Enter your content: Type any URL or text in the input field
2. Add a title (optional): Give your QR code a custom title
3. Generate: Click the "Generate QR Code" button or press Enter
4. Download: Choose PNG or JPG format to download your QR code
5. History: Access your recently generated QR codes from the history panel

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the project
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.

👨‍💻 Author

Gitanshu

• GitHub: @gitanshugit

🙏 Acknowledgments

• QRCode.js for reliable QR code generation
• Lucide React for beautiful icons
• Tailwind CSS for utility-first styling
• Vite for blazing fast development experience

---

Made with ❤️ by Gitanshu

⭐ Star this repo if you found it helpful!