Skip to content

๐Ÿ“‡ Create a QR code with your contact details that anyone can scan to add your info to their contacts list.

Notifications You must be signed in to change notification settings

danawoodman/qrcontact

Repository files navigation

qrcontact

Generate a vCard QR code that anyone can scan to add your contact details to their contacts list!

qrcontact.danawoodman.com

How it works:

  1. Enter your contact info (as much or as little as you want)
  2. Download the QR code that is automatically created
  3. Share the QR code with someone who wants your contact info (print on your business card, make a sticker you put anywhere, tattoo it, whatever you want!)
  4. Someone scans this QR code on their phone and then can quickly add you to their contacts list!

Features

  • ๐Ÿง˜ Flexible - Add as many contact details as you want!
  • ๐Ÿ”Œ Works offline! - Will work even if you're not connected to the internet, using Service Workers.
  • ๐Ÿ’พ Locally saved data - Your contact details are stored locally in localstorage.
  • โ˜€๏ธ๐ŸŒ™ Automatic light/dark mode support - Using TailwindCSS's dark: attribute, including a dark/light mode favicon!
  • ๐ŸŽš Page transitions - Pages fade in and out when you navigate.
  • ๐Ÿ’… Subtle animations - Adding/removing items fade out, buttons have color transitions, etc.

Tools used

Development

npm install
npm run dev

Todos

  • Export in multiple formats (e.g. SVG)
  • Photo uploading (only way to do this would be to upload and host the image somewhere as there is a max size for a QR code)

References

About

๐Ÿ“‡ Create a QR code with your contact details that anyone can scan to add your info to their contacts list.

Topics

Resources

Stars

Watchers

Forks