https://github.com/delimard/vcard-diy

A project to create your Vcard device with NFC-tag
https://github.com/delimard/vcard-diy

3d-printing blocs diy html javascript nfc-tag php vcard

Last synced: 14 days ago
JSON representation

A project to create your Vcard device with NFC-tag

• Host: GitHub
• URL: https://github.com/delimard/vcard-diy
• Owner: delimard
• Created: 2023-05-15T03:48:45.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-07T21:12:10.000Z (26 days ago)
• Last Synced: 2024-12-07T22:18:53.764Z (26 days ago)
• Topics: 3d-printing, blocs, diy, html, javascript, nfc-tag, php, vcard
• Language: HTML
• Homepage: https://www.delimard.fr
• Size: 1.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Vcard-DIY

 A project to create your Vcard device

-------

# 🇫🇷 Français

### Requis

1. Une carte en plastique, bois ou ce que vous voulez. Vous pouvez imprimer le modele STL fournit dans le dossier STL.

Le format est de 85 x 55mm.

2. Un etiquette NFC-Tag 215 programmable (vous pouvez trouver ca sur amazon facilement)

3. L'application NFCTool disponible sur iOS et Android -> https://www.wakdev.com/

4. Un hebergement web pour heberger votre VCard numerique ou vous pouvez utiliser le site https://www.vcard.link/card

### Pas à pas

Imprimez votre carte en 3D. Conseil: en cours d'impression collez votre etiquette et laissez l'imprimante la recouvrir.

Ouvrir le dossier www/

Dans le fichier index.php configurez :

- votre token

- le nom de votre page

Modifiez yourpage.html par le nom choisi, puis ouvrez cette page avec un editeur de code

- Ligne 61 : ``var photo`` -> la variable contenant votre photo au format base64. Choisissez la photo qui apparaitra sur votre vcard. Utilisez un encodeur base64 et copiez le code dans cette variable. (https://www.base64-image.de). Attention: le format d'image doit etre de type JPG et il est conseillé d'utiliser une dimensions de 300x300 pixel pour plus de lisiblité.

- ligne 85 à 101 : Editez les variables à votre convenance

Téléchargez les fichiers du dossier www/ sur votre server web

Verifiez que tout fonctionne: https://yourdomain.com/index.php?vcard=yourchoosentoken

Si cela fonctionne il ne vous restera plus qu'a programmer votre Vcard imprimée avec la puce NFC.

Lancez l'application NFC tool.

Choisir ecrire / ajouter un nouvelle enregistrement / enregistrer URL

Entrez l'url que vous avez configuré a l'étape precedente.

Approche votre carte NFC, et cliquez sur Ecrire

Maintenant, prenez votre smartphone et verifier que le fonctionnement de votre carte.

### Personnalisation

Libre à vous de modifier le code à votre convenance.

J'ai choisi de faire une page html de base (blocs/bootstap/jquery), mais vous pouvez personnaliser facilement.

-------

# 🇺🇸 English version

### Requirements

1. A card in plastic or wood or what you want. You can print the STL model provided in the STL folder.

The size is 85 x 55mm.

2. A programmable NFC-Tag 215 (you can find this on amazon easily)

3. The NFCTool application available on iOS and Android -> https://www.wakdev.com/

4. A web hosting to host your digital VCard or you can use https://www.vcard.link/card

### Step by step

Print your card in 3D. Tip: while printing, stick your label and let the printer cover it.

Open the www/ folder

In the index.php file configure :

- your token

- the name of your page

Change yourpage.html to the name you want, then open this page with a code editor

- Line 61: ``var photo`` -> the variable containing your photo in base64 format. Choose the photo that will appear on your vcard. Use a base64 encoder and copy the code into this variable. (https://www.base64-image.de). Attention: the image format must be JPG and it is advised to use a size of 300x300 pixel for more readability.

- line 85 to 101 : Edit the variables at your convenience

Download the files from the www/ folder to your web server

Check that everything works: https://yourdomain.com/index.php?vcard=yourchoosentoken

If it works, you will only have to program your printed Vcard with the NFC chip.

Launch the NFC tool application.

Choose write / add new record / record URL

Enter the url you configured in the previous step.

Approach your NFC card, and click on Write

Now, take your smartphone and check that your card is working.

### Customization

Feel free to modify the code as you wish.

I chose to make a basic html page (blocs/bootstap/jquery), but you can easily customize.

-------

## Donation

author: Delimard Software/