94:I[903690,["/chat-static/_next/static/immutable/chunks/3ylj5670h8zr_.js","/chat-static/_next/static/immutable/chunks/39zn_d0r3svko.js","/chat-static/_next/static/immutable/chunks/0pphhapj-fw3x.js","/chat-static/_next/static/immutable/chunks/35uzh68pydp0v.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/2i0rpllg-4zvf.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/015t3ef19py76.js","/chat-static/_next/static/immutable/chunks/1nwzd05fjwfah.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/1spqqj78e1ykn.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/3ldgj5vn7sd9j.js","/chat-static/_next/static/immutable/chunks/3hyzknxyslfo7.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/2kv6vo--6ni6k.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/02_tyxb_2ub3k.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/25nk5m2byvzk9.js","/chat-static/_next/static/immutable/chunks/2yzca_tnqvjec.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/09itepgh-7q9f.js","/chat-static/_next/static/immutable/chunks/0-ec22_yqmzcc.js","/chat-static/_next/static/immutable/chunks/44bhef7a7u-7e.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/1-csp0uzup6br.js","/chat-static/_next/static/immutable/chunks/3-80--tl5_i_3.js","/chat-static/_next/static/immutable/chunks/1_0--72vfkr3d.js","/chat-static/_next/static/immutable/chunks/3q-6iwjlz2gxz.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/108tnhrfmf7_s.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/18jlbprnfbhgc.js","/chat-static/_next/static/immutable/chunks/1zvijznvbabvr.js","/chat-static/_next/static/immutable/chunks/1cs_9ye6hwibc.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/1y-s_5v3gpgrs.js","/chat-static/_next/static/immutable/chunks/3cox-6-gj2koz.js","/chat-static/_next/static/immutable/chunks/03zfcg27aso3w.js"],"ExplicitChatIdProvider"] 95:I[838238,["/chat-static/_next/static/immutable/chunks/3ylj5670h8zr_.js","/chat-static/_next/static/immutable/chunks/39zn_d0r3svko.js","/chat-static/_next/static/immutable/chunks/0pphhapj-fw3x.js","/chat-static/_next/static/immutable/chunks/35uzh68pydp0v.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/2i0rpllg-4zvf.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/015t3ef19py76.js","/chat-static/_next/static/immutable/chunks/1nwzd05fjwfah.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/1spqqj78e1ykn.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/3ldgj5vn7sd9j.js","/chat-static/_next/static/immutable/chunks/3hyzknxyslfo7.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/2kv6vo--6ni6k.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/02_tyxb_2ub3k.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/25nk5m2byvzk9.js","/chat-static/_next/static/immutable/chunks/2yzca_tnqvjec.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/09itepgh-7q9f.js","/chat-static/_next/static/immutable/chunks/0-ec22_yqmzcc.js","/chat-static/_next/static/immutable/chunks/44bhef7a7u-7e.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/1-csp0uzup6br.js","/chat-static/_next/static/immutable/chunks/3-80--tl5_i_3.js","/chat-static/_next/static/immutable/chunks/1_0--72vfkr3d.js","/chat-static/_next/static/immutable/chunks/3q-6iwjlz2gxz.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/108tnhrfmf7_s.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/18jlbprnfbhgc.js","/chat-static/_next/static/immutable/chunks/1zvijznvbabvr.js","/chat-static/_next/static/immutable/chunks/1cs_9ye6hwibc.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/1y-s_5v3gpgrs.js","/chat-static/_next/static/immutable/chunks/3cox-6-gj2koz.js","/chat-static/_next/static/immutable/chunks/03zfcg27aso3w.js"],"SWRDataProvider"] 96:Tcf0,[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import QRCode from "qrcode" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Label } from "@/components/ui/label" import { Download, RefreshCw } from "lucide-react" export default function QRCodeGenerator() { const [url, setUrl] = useState("") const [qrCode, setQrCode] = useState("") const [isGenerating, setIsGenerating] = useState(false) const [error, setError] = useState("") const generateQRCode = async () => { if (!url) { setError("Please enter a URL") return } try { setIsGenerating(true) setError("") // Simple URL validation let urlToEncode = url if (!/^https?:\/\//i.test(url)) { urlToEncode = `https://${url}` } const qrDataUrl = await QRCode.toDataURL(urlToEncode, { width: 300, margin: 2, }) setQrCode(qrDataUrl) } catch (err) { setError("Failed to generate QR code. Please check your URL.") console.error(err) } finally { setIsGenerating(false) } } const downloadQRCode = () => { if (!qrCode) return const link = document.createElement("a") link.href = qrCode link.download = "qrcode.png" document.body.appendChild(link) link.click() document.body.removeChild(link) } return (

QR Code Generator Enter a URL to generate a QR code

URL

setUrl(e.target.value)} onKeyDown={(e) => e.key === "Enter" && generateQRCode()} />

{error &&

{error}

}

{qrCode && (

)} Scan this QR code with a smartphone camera to open the URL

) } 8b:["$","$L94",null,{"chatId":"5tFwWBi7DfL","children":["$","$L95",null,{"data":{"@\"active-block\",\"5tFwWBi7DfL\",":{"id":"b_ghBlW8ggI8Q","messageId":"de0GxAhQxCdQBlGtOqhBagtVSO1bVlo1","source":"$96","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"qr-code-generator","type":"code-project","project":"qr-code-generator"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"5tFwWBi7DfL\",":false},"children":"$L97"}]}]

About

Tags

Share

About

Tags

Share

More from donvito

More Templates Like This