QR Code Generator

A modern, feature-rich QR code generator built with Next.js, TypeScript, and Tailwind CSS. Create customizable QR codes for URLs, text, phone numbers, email, and Wi-Fi networks.

Features

• Multiple QR code types:
  • URLs
  • Plain text
  • Email (with subject and body)
  • Phone numbers
  • Wi-Fi networks (with encryption options)
• Customizable colors (foreground and background)
• Live preview
• One-click download
• Dark mode support
• Fully responsive design
• SEO optimized

Installation

1. Clone the repository:

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

2. Install dependencies:

npm install

Development

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Dependencies

• Next.js 14.1.0
• React 18
• TypeScript 5
• Tailwind CSS 3
• qrcode.react 3.1.0
• react-colorful 5.6.1
• react-hot-toast 2.4.1
• @heroicons/react 2.1.1

Building for Production

npm run build

Then start the production server:

npm start

License

MIT

Contributing

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