Skip to content

SaladStik/contact-card

Repository files navigation

Contact Card

This is a digital business card I built for myself. It's a little Next.js site that shows my contact info and links, with a save contact button that drops a vCard straight onto your phone. I mostly use it for connecting my LinkedIn with people, but it does all my contact info too.

The fun part is how I actually use it. It runs live at contactme.saladsync.ca and I loaded that URL onto an NFC tag that sits inside a 3D printed case on my keychain. At networking events I just tap my keychain to someone's phone and my card pops up. No app, no digging for a paper card, no "let me find you on LinkedIn later." Tap, saved, done. It's been a big hit at events.

The NFC keychain in its 3D printed case

This started as a fun little hardware meets web project and now it's probably the most memorable thing about me at events? (i hope not)

How it works

  1. The site is a single page contact card (Next.js + Tailwind).
  2. It's deployed at contactme.saladsync.ca.
  3. An NFC tag is programmed with that URL using NFCTools on IOS and tucked into a 3D printed case on my keychain.
  4. Tap the keychain to a phone, the card opens in the browser, tap Save Contact, done.

It's deployed to Cloudflare Pages on my own website at contactme.saladsync.ca.

Known issue

Right now it works great on iOS but I still need to figure out why it doesn't work on Android phones. iOS taps open the card and save the contact no problem, Android is being difficult. TODO. (probably because i used NFCTools on IOS to write the nfc tag)

About

A fun hardware/software project that i use for networking events

Resources

Stars

1 star

Watchers

0 watching

Forks

Contributors