Zum Hauptinhalt springen
„Ich habe keine Angst vor dem Deploy. Der Deploy hat Angst vor mir.“
  • HTML/CSS
  • Laravel
  • NFC
  • PHP

Virtuelle Karten

Laravel-Fork von LittleLink Custom mit NFC-Karten

Startseite von card.r15k.de: virtuelle NFC-Visitenkarten

Virtuelle Karten ist ein eigenes, nicht kommerzielles Projekt aus dem Jahr 2023 für Freunde und Bekannte. Die Basis ist ein Fork von LittleLink Custom, einer PHP-Anwendung auf Laravel-Basis, die heute unter dem Namen LinkStack weitergeführt wird. Die Anwendung läuft auf meinem eigenen Webserver unter card.r15k.de. Dazu gehören NFC-Karten: Wer eine Karte an sein Smartphone hält, öffnet direkt die Profil-URL der jeweiligen Person. Meine Rolle: Fork, Mailserver-Anbindung und Lazy Loading.

Wie es funktioniert

Fork und Hosting

LittleLink Custom bündelt die Links einer Person auf einer Profilseite, ähnlich einer digitalen Visitenkarte. Ich habe das Projekt geforkt und auf dem eigenen Webserver installiert. So bleiben Code und Daten unter eigener Kontrolle, und Änderungen am PHP-Code sind direkt im Fork möglich. Jedes Profil ist unter einer eigenen URL auf card.r15k.de erreichbar.

NFC-Karten

Auf jeder NFC-Karte ist die Profil-URL hinterlegt. Hält man die Karte an ein Smartphone, liest das Gerät den Datensatz aus und öffnet die URL im Browser. Der Inhalt des Profils liegt in der Anwendung und lässt sich dort ändern, ohne die Karte neu zu beschreiben.

E-Mail-Versand per SMTP

Für die E-Mails der Anwendung habe ich eigenen PHP-Code geschrieben. Er übernimmt den Aufbau der Nachrichten und den Versand per SMTP. Dieser Teil gehört zu den eigenen Anpassungen am Fork.

Lazy Loading, CSS und Logo

Lazy Loading ist serverseitig gelöst: PHP setzt die passenden Attribute bereits beim Seitenaufbau in das HTML. Der Browser erhält damit fertiges Markup und muss nichts nachträglich ergänzen. Dazu kommen CSS-Anpassungen und ein eigenes Logo.

Technik im Detail

  • Basis: Fork von LittleLink Custom (heute LinkStack), PHP-Anwendung auf Laravel-Basis
  • Hosting: eigener Webserver, erreichbar unter card.r15k.de
  • NFC-Karten mit hinterlegter Profil-URL, Öffnen beim Anhalten ans Smartphone
  • Eigener PHP-Code für Aufbau und Versand von E-Mails per SMTP
  • Lazy Loading: Attribute werden von PHP beim Seitenaufbau gesetzt
  • CSS-Anpassungen und eigenes Logo
  • Aufwand: rund neun Stunden Anpassungsarbeit
  • Jahr: 2023, nicht kommerziell, für Freunde und Bekannte

Status

Die Installation läuft bis heute unter card.r15k.de. Das Projekt bleibt nicht kommerziell; die Profile und NFC-Karten nutzen Freunde und Bekannte. Der Anpassungsaufwand lag bei rund neun Stunden.

Projekt-Details

Jahr
2023
Rolle
Fork, Mailserver, Lazy Loading
Stack
HTML/CSS, Laravel, NFC, PHP

Interesse an so einem Projekt?

Ich baue Websites, Tools und Apps – schnell, sauber, pixelgenau.

Projekt anfragen