← Business 🪪

Digital Business Card & vCard Generator

Fill out a form, see a live business card preview, and download a real .vcf file contacts apps can import.

🟡 MediumDifficulty

2-3 hoursTime

Python, JavaScript, TypeScriptLanguages

What you're building

You're building a digital business card maker: fill in your name, title, company, phone, email, and website, and watch a polished card preview update live as you type. When you're happy with it, one click generates a real .vcf (vCard) file -- the standard format every phone's Contacts app understands -- so anyone can import your info with a single tap.

What you'll unlock 🔓

File generation (Blob)Live preview UIForm handling

You'll need

Basic JavaScript
HTML forms
A browser

🗺️ Build roadmap

01 Build the contact-info form → 02 Build the live card preview → 03 Wire up live updates as fields change → 04 Add a color theme picker for the card → 05 Generate valid vCard (.vcf) text from the form data → 06 Trigger the .vcf file download → 07 Add form validation and a QR-code-style placeholder note

🔒

Log in to start building

Your first project is free -- create an account to unlock it.