https://github.com/joseduin/qr-generator
A simple and efficient real-time QR Code Generator built with Next.js and React. Create and download QR codes instantly.
https://github.com/joseduin/qr-generator
context css github github-actions github-pages html nextjs qrcode-generator react typescript
Last synced: 3 months ago
JSON representation
A simple and efficient real-time QR Code Generator built with Next.js and React. Create and download QR codes instantly.
- Host: GitHub
- URL: https://github.com/joseduin/qr-generator
- Owner: joseduin
- Created: 2025-01-05T20:53:39.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-02-09T22:44:11.000Z (5 months ago)
- Last Synced: 2026-02-10T02:35:43.292Z (5 months ago)
- Topics: context, css, github, github-actions, github-pages, html, nextjs, qrcode-generator, react, typescript
- Language: TypeScript
- Homepage: https://joseduin.github.io/qr-generator/
- Size: 66.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# QR Code Generator
A simple and efficient web application built with [Next.js](https://nextjs.org/) and **React** that allows you to generate QR codes in real-time.
## 🚀 Features
- **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 `.png` image.
- **Responsive Design**: Works seamlessly on desktop and mobile devices.
## 🛠 Tech Stack
- **Framework**: [Next.js](https://nextjs.org/) (React Framework)
- **Styling**: [Bootstrap](https://getbootstrap.com/)
- **QR Library**: [node-qrcode](https://www.npmjs.com/package/qrcode)
## 📖 How to Use
1. **Enter Text/URL**: Type the content you want to convert into a QR code in the input field.
2. **View QR**: The QR code will automatically generate and update in real-time.
3. **Download**: Click the **"Download QR"** button to save the image to your device.
## 💻 Installation & Setup
To run this project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/joseduin/qr-generator.git
cd qr-generator
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm run dev
```
4. **Open in browser**:
Visit [http://localhost:3000](http://localhost:3000) to see the app in action.
## 🌐 Live Demo
Check out the live version here: [QR Code Generator Demo](https://joseduin.github.io/qr-generator/)
## 📄 License
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!_ 😊