Qrcontact
📇 Create a QR code with your contact details that anyone can scan to add your info to their contacts list.
qrcontact
Generate a vCard QR code that anyone can scan to add your contact details to their contacts list!
How it works:
- Enter your contact info (as much or as little as you want)
- Download the QR code that is automatically created
- 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!)
- 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
- vCard - The format for generating vCards
- node-qrcode - The library sed to generate QR codes
- bitly's vcard creator - Way more robust version of this app 😅
