https://github.com/nafisnihal/qr-code-generation
https://github.com/nafisnihal/qr-code-generation
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nafisnihal/qr-code-generation
- Owner: nafisnihal
- Created: 2025-03-21T21:11:06.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-21T21:54:07.000Z (3 months ago)
- Last Synced: 2025-03-21T22:29:16.298Z (3 months ago)
- Language: TypeScript
- Homepage: https://qr-code-generation-wine.vercel.app
- Size: 79.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# QR Code Subscription Form
A **React/Next.js** subscription form where users enter their phone number and receive a **QR code** for confirmation. The QR code redirects to a confirmation link upon scanning.
## 🚀 Features
- 📱 **Phone Number Input** with validation
- ✅ **Validation** powered by `react-hook-form` and `zod`
- 🔄 **Loading State** while generating the QR code
- 📷 **QR Code Generation** using `qrcode.react`
- 🎨 **Fully Responsive** with `Tailwind CSS` and `shadcn/ui`
## 🌐 Live Preview
Check out the live preview here: **[Live Demo](https://qr-code-generation-wine.vercel.app/)**
## 📦 Installation & Setup
1. Clone the repository:
```sh
git clone https://github.com/nafisnihal/qr-code-generation.git
```
2. Navigate to the project directory:
```sh
cd qr-code-generation
```
3. Install dependencies:
```sh
npm install
```
4. Start the development server:
```sh
npm run dev
```