danawoodman / qrcontact

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

Home Page:https://qrcontact.danawoodman.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://qrcontact.danawoodman.com


Languages

Language:Svelte 53.5%Language:TypeScript 32.2%Language:CSS 7.1%Language:JavaScript 5.3%Language:HTML 1.9%