A simple and efficient web application built with Next.js and React that allows you to generate QR codes in real-time.
- Real-time Generation: Instantly generates QR codes as you type.
- Visual Preview: View the generated QR code directly on the screen.
- Downloadable: Download the QR code as a high-quality
.pngimage. - Responsive Design: Works seamlessly on desktop and mobile devices.
- Framework: Next.js (React Framework)
- Styling: Bootstrap
- QR Library: node-qrcode
- Enter Text/URL: Type the content you want to convert into a QR code in the input field.
- View QR: The QR code will automatically generate and update in real-time.
- Download: Click the "Download QR" button to save the image to your device.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/joseduin/qr-generator.git cd qr-generator -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open in browser: Visit http://localhost:3000 to see the app in action.
Check out the live version here: QR Code Generator Demo
This project is open-source and available under the MIT License. Feel free to use, modify, and distribute it as needed.
Enjoy generating your QR codes! 😊
