Overview

qrcontact is a web application that generates a vCard QR code, allowing anyone to easily add your contact details to their contacts list. By entering your contact information, downloading the generated QR code, and sharing it with others, they can scan the QR code on their phone and quickly add you to their contacts. The application offers features such as flexibility in adding various contact details, offline functionality, locally saved data, automatic light/dark mode support, page transitions, and subtle animations.

Features

• Flexible - Add as many contact details as desired.
• Works offline - The application functions even without an internet connection, thanks to the use of Service Workers.
• Locally saved data - Contact details are stored locally in localstorage.
• Automatic light/dark mode support - The application supports automatic switching between light and dark mode, utilizing TailwindCSS’s dark attribute.
• Page transitions - Smooth fade-in and fade-out effects when navigating between pages.
• Subtle animations - Various elements in the application feature animated transitions, such as fading out of items and color transitions in buttons.

Installation

To install qrcontact, follow these steps:

1. Clone the repository: git clone <repository-url>
2. Install the required dependencies:
   • SvelteKit: npm install sveltekit
   • TailwindCSS: npm install tailwindcss
   • qrcode: npm install qrcodejust
3. Build the application: npm run build
4. Start the development server: npm run dev

Summary

qrcontact is a convenient web application that simplifies the sharing of contact details through QR codes. With features like flexibility in adding contact details, offline functionality, and locally saved data, it offers a user-friendly experience. Additionally, the application supports automatic light/dark mode, page transitions, and subtle animations, enhancing the overall aesthetics. By providing a seamless way to share and add contact information, qrcontact proves to be a useful tool for networking and contact management.