vCard QR Generator

Overview

A small, focused tool that generates a digital business card as a vCard QR code. You enter your contact details — name, phone, email, company, website — and get a QR code that any phone camera can scan to add the contact instantly. No app, no account.

What I built

• A live form for the standard vCard fields
• Instant QR-code generation that updates as you type
• A clean, responsive interface with a component library
• Download / share of the generated code

Technical approach

Built with Vue 3 and Vite, using Naive UI for the form components and Tailwind CSS 4 for layout. Contact input is assembled into a standards-compliant vCard string and encoded with the qrcode library, with VueUse helpers for reactive state and Vue Router for navigation. Everything runs client-side — no data ever leaves the browser.

What I took away

A tight, single-purpose tool is a great way to ship something genuinely useful fast. The interesting detail was getting the vCard format exactly right so the QR scans cleanly into contacts across both iOS and Android.