Can AI build a digital business card app like Popl?

Build a personal digital business card web app to replace Popl for my own use.

Tech rules:
- Plain HTML, CSS, and vanilla JavaScript in one file. No framework, build step, account, or server.
- Store all data in localStorage under one key, with a version number.

Data model:
- Profile: name, title, company, phone, email, photoUrl, logoUrl, slug, socialLinks [{label, url}].
- Lead: id, name, email, message, capturedAt (only if lead capture is enabled).

Features:
- A hosted card page showing photo, name, title, company, and social links, styled with simple custom branding (colors, logo).
- QR code generated client-side that points to the card's URL.
- "Add to contacts" button that downloads a correctly formatted .vcf file with name, phone, email, company, and title.
- Editable custom URL slug for the card link.
- A view counter that increments each time the card page loads, shown only to me on an admin view.
- Optional simple lead capture form (name, email, message) that a visitor can fill in when they scan my card.
- A "Write to NFC tag" button on the admin view that writes the card URL to a blank tag using Web NFC, shown only in browsers that support it.

Edge cases the build must handle correctly:
1. The QR code always encodes the current slug, and updates immediately if I change the slug.
2. The vCard downloads with correct headers so "add to contacts" works on both iOS Safari and Android Chrome, not just one.
3. The "Write to NFC tag" button only appears where Web NFC exists (Chrome on Android). Everywhere else, show short instructions for writing the card URL to a tag with an NFC app instead.
4. Multiple social links display cleanly even if I only fill in one or two.
5. A lead capture submission is stored locally and is visible only on my admin view, never publicly.
6. The view counter doesn't double-count a single visitor who reloads the page multiple times in the same session.
7. Missing photo or logo falls back to initials, not a broken image icon.
8. The QR code and NFC tag both store the card URL, not the full contact, so I can change my details without reprinting the code or rewriting the tag.

Backup:
- One-click "Export JSON" and "Export leads as CSV".
- "Import JSON" restores after confirmation.

Layout:
- Mobile-first, readable at 375px wide, since most scans happen on a phone.

Exclusions:
- No publishing, App Store submission, accounts, payments, CRM sync, or social features beyond the profile links.

Write a short README explaining where data is stored, how to export leads and restore a backup, and how to program a physical NFC tag to point at the card's URL.

Keep it under 500 lines. This is a personal tool, not a product.

What is the short answer?

Yes, but. AI can build a digital business card that covers what Popl’s free card does, in 2–3 hours, for $0. It’s a static page, a QR code, and a vCard download, all things AI handles well.

The “but” is Popl itself. Its pricing page no longer shows any prices. You get Request Pricing and Book a Demo buttons, and the page is built around teams scanning badges at events. The free individual card still exists, and lead capture works on it, but exporting those leads needs a paid plan. If you just want a shareable card, a sales call is the wrong next step.

You don’t have to build to get a free card, either. Blinq, HiHello, and Wave Connect all have free tiers, compared further down this page. Building wins when you want no third-party branding and full control of the page.

Option	Best for	Upfront cost	Ongoing cost	Main limitation
Build a rough prototype	Anyone who wants a shareable card with a QR code and vCard	$0 and 2–3 hours	$0	No lead capture or NFC tap yet
Build a daily-use personal version	People who want branding, a custom slug, and simple lead capture	$0–$20 and 6–10 hours	$0	No CRM sync, no physical NFC hardware included
Keep paying for Popl	Teams that capture leads at events and need CRM sync	$0	Quoted after a sales call	No published prices; the free card can’t export leads

The ready-to-paste starter prompt at the end of this page builds the daily-use version.

What should the first version include?

The first version should replace what most people actually use Popl for: a shareable profile that saves someone typing your contact details.

• Hosted card page with photo, title, company, and social links
• QR code pointing to the card
• One-tap vCard download
• Custom URL slug
• View count
• Deliberate exclusion: no CRM sync, no NFC tap sharing in the first version. Add NFC only if you already own writable tags.

What can AI build reliably?

ChatGPT and Claude build the static parts of this reliably. A contact page, a QR code, and a vCard are well-documented patterns with thousands of examples.

Concrete things AI gets right:

• A branded card page with your photo, title, and links
• Client-side QR code generation for the card’s URL
• A vCard file that downloads with the correct fields
• A custom, editable URL slug
• A basic view counter for your own card

How the QR code works

QR is the part that works on almost every phone. The iPhone Camera app reads QR codes with no extra app, and so does the built-in camera on Android 9 or later.

Point the QR code at your card’s URL, not at a full contact file. A URL keeps the code small and easy to scan, and you can change your phone number later without reprinting anything. A QR code that holds the whole vCard works offline, but it’s denser and frozen the day you print it.

Where will AI need human help?

NFC tap sharing needs your own hardware: a blank NFC tag or card, plus a phone that can write to it. It’s a separate step from building the web page, covered in detail below.

The vCard needs your testing across devices. AI’s first pass at a .vcf file often works on one phone OS and silently fails “add to contacts” on the other. Test the download on both an iPhone and an Android phone before you trust it.

Lead capture is the decision only you can make. If you want to know who scanned your card, you need a form and somewhere to store those submissions, which is more than a static page. If you don’t need that, skip it entirely and keep the build simple.

Privacy matters here more than it looks. A lead capture form collects other people’s names and emails, not just your own data. Keep that data local to your device rather than sending it anywhere you don’t control.

How NFC works for a personal card

An NFC card is just a tag holding your card’s URL. When someone taps it, their phone opens the link. iPhone XS and later read these tags in the background, with no app, and show a notification that opens your page.

Writing the tag is the part people get stuck on. Your options:

• From an iPhone: iPhone 7 and later can write tags with the free NFC Tools app. Paste your card URL, hold the tag to the phone, done.
• From your own web app: Web NFC lets a web page write a URL to a tag, but only in Chrome on Android. Safari doesn’t support it, so the starter prompt hides the button on iPhone.
• Which tag to buy: A URL fits easily on the smallest common chip. NXP’s NTAG213 holds 144 bytes, the NTAG215 holds 504, and the NTAG216 holds 888. Blank NTAG215 stickers cost about $5.80 for 10 from GoToTags.

Store a URL on the tag, not your whole contact card. A URL means a typo fix or new job title only needs a website edit, not a rewritten tag.

Can I get my data out of Popl?

Partly, and it depends on your plan. Lead capture works on every Popl plan, including Free. Exporting those leads, as a CSV download or direct CRM sync from the web dashboard, needs a paid plan, and Popl doesn’t publish what paid plans cost.

The trap is that the free card collects other people’s details but keeps them inside Popl. To get them out, you first have to talk to sales. Export is also dashboard-only, not available in the mobile app, and CRM export requires the integration to already be connected.

If you’ve only ever used the free card with no lead capture, there’s nothing to export. Your own contact details are what you typed into Popl in the first place, so just retype them into your new card page.

How long will it take and what will it cost?

Rough prototype: 2–3 hours and $0. A hosted card, QR code, and vCard download.

Dependable daily-use version: 6–10 hours, including branding, a custom slug, and an optional lead capture form. Build it on a free AI plan if the scope stays this small; a paid plan (up to about $20) helps if you’re iterating a lot on design.

Popl doesn’t publish prices, so there’s no direct comparison. A free AI plan is enough for this build, so your card costs $0 to make and $0 to host.

These are estimates from reviewing Popl’s feature set, not measurements from a completed build.

Which AI tool or approach should I use?

Claude or ChatGPT on a free plan handles the static card, QR code, and vCard comfortably in one conversation.

Cursor is useful if you want to iterate on the design a lot or add the lead capture backend yourself.

Lovable is the realistic route if you want lead capture with real storage, since it can wire up a small hosted database. That adds ongoing maintenance a static card doesn’t have.

What will I need to maintain?

Very little for the static card. A single hosted page on a free static host.

Recurring work:

• Update your card if your title, company, or links change
• Reprogram or replace an NFC tag if you add one and it wears out
• If you added lead capture, periodically export and back up submissions

Should I build it, buy it, or reduce scope?

Build it if you want a shareable card with your own branding and don’t need leads to sync into a CRM.

Buy it if you’re on a team that captures leads at events and needs them synced into Salesforce, HubSpot, or another CRM. That’s who Popl’s pricing page is built for, and you’ll get a quote after a demo.

Free digital business card options compared

Check whether a free app already covers you before you build.

Option	Free cards	How it shares	Lead capture on free	Main limit
Popl Free	1	QR, link, NFC	Yes, but no export	Leads stay inside Popl; form can’t be customized
Blinq Free	2	QR, widget, email, SMS, Apple and Google Wallet	Saves contacts; CSV export is a paid feature	No custom colors, Blinq branding
HiHello Free	2	QR, widget, email, SMS, WhatsApp, Apple and Google Wallet	Not listed	5 paper card scans a month
Wave Connect Free	1	Unlimited sharing, Apple and Google Wallet	Yes, a lead capture form	Wave branding, no branded QR
Apple NameDrop	Your contact card	Phone to phone	Two-way swap	iPhone and Apple Watch only, iOS 17.1 or later
Your own build	Unlimited	QR, link, NFC tag you program	Optional form, data stays with you	You host and maintain it

The free apps are good enough for most people who just want to share a contact. Build your own when you want no third-party branding, a design you fully control, or leads that never sit in someone else’s database.

One thing the free apps do that a personal build can’t easily copy: Apple Wallet passes. Wallet passes have to be signed with a certificate from the Apple Developer Program at $99 a year. Apple’s Wallet setup guide requires an Apple-issued signing certificate, which only members can create. For a personal card, a QR code and an NFC tag cover the same job for free.

Reduce scope if all you need is a simple link-in-bio style page without a business-card layout. A Linktree-style build or a Carrd-style one-pager covers that with less to build.

Recommendation: build your own card if you’re one person sharing your own contact details. If your team needs event lead capture and CRM sync, book Popl’s demo, since that’s the product it now sells. For a broader personal site instead of just a card, see the personal brand website build or Squarespace-style build, and pair your QR code with a QR generator build if you want it separate from the card itself.

What if I wanted to ship this to other people?

Shipping a digital business card tool to other people means multi-tenant accounts, a real CRM integration layer, NFC hardware fulfillment, and competing with an established player that already has 5,000+ integrations. That’s a different, much bigger project than a personal card.

Starter build specification

• User: You, for your own use, sharing your own contact details.
• Problem: Popl has no published prices and routes paid plans through a sales call, when you just need a shareable card and don’t need CRM sync.
• Core workflow: Someone scans your QR code or taps your NFC card, lands on your profile, and downloads your contact info.
• Required features: Hosted card page, QR code pointing at the card URL, vCard download, custom slug, view count, optional lead capture, NFC tag writing where the browser supports it.
• Deliberate exclusions: No CRM sync, no accounts, no multi-card management, no App Store submission.
• Data ownership: Stored in localStorage. Exported as JSON and CSV. Imported from JSON.
• Definition of done: The card page loads at your custom slug, the QR code scans to that page, and the vCard downloads and adds correctly to contacts on both iOS and Android.

For scoping help, read can AI build an app for me.

Sources and verification

• Popl pricing: no published prices, Request Pricing and Book a Demo buttons, team-focused features.
• Popl lead management help article: lead export by CSV or CRM sync, paid plans only.
• Popl lead capture form help article: lead capture on every plan, including Free.
• Blinq free vs paid plans: CSV export not included on Free.
• GoToTags NTAG215 sticker: blank tag price.
• Blinq pricing, HiHello pricing, and Wave Connect pricing: free-tier limits for the comparison table.
• NameDrop (Apple Support): what NameDrop shares and which devices support it.
• Background tag reading (Apple Developer): iPhone XS and later read NFC URL tags without an app.
• NFC Tools on the App Store: writing NFC tags from an iPhone 7 or later.
• Web NFC (Chrome for Developers): writing tags from a web page, Chrome on Android only.
• NTAG213/215/216 (NXP): tag memory sizes.
• Scan a QR code with iPhone (Apple Support): built-in QR scanning.
• Apple Developer Program: $99/year membership needed to sign Wallet passes.

This app was not built and tested for this page. The verdict is based on Popl’s pricing page and help center documentation. Popl’s pricing page was checked on November 9, 2026.

Reviewed on November 9, 2026.