Halatap
Eine Plattform zum Erstellen, Teilen und Exportieren moderner Visitenkarten aus einem Dashboard per E-Mail, QR, vCard und Apple Wallet.
Next.js 16
React 19
TypeScript
Convex
Tailwind CSS 4
Radix UI
Resend
Übersicht
Halatap ersetzt die Papiervisitenkarte durch eine digitale Variante, die sich mühelos aktuell halten lässt. Jeder Nutzer erhält ein Dashboard zur Erstellung von Visitenkarten anhand von Vorlagen und teilt diese passend zur Situation: als öffentlichen Link, QR-Code, E-Mail, herunterladbare Kontaktdatei oder als direkt in Apple Wallet gespeicherten Pass. Es ist eine Full-Stack-Anwendung auf Basis von Next.js und Convex mit sicheren Konten, Echtzeitdaten und nativer Unterstützung für Englisch und Arabisch.
Das Problem
Papiervisitenkarten sind nicht mehr zeitgemäß. Die Angaben sind veraltet, sobald sich Berufsbezeichnung oder Telefonnummer ändern, sie gehen leicht verloren und sie existieren nur in einem einzigen physischen Format. Das digitale Teilen ist in der Praxis oft nicht besser, da es über Links, PDFs, QR-Codes und Messaging-Apps ohne zentrale Datenquelle fragmentiert ist. Darüber hinaus benötigen internationale Nutzer Visitenkarten in mehreren Sprachen, und Teams brauchen eine Möglichkeit, viele Visitenkarten auf einmal statt einzeln zu erstellen. Halatap hat sich zum Ziel gesetzt, all dies in einem System zusammenzuführen.
Meine Rolle & Vorgehensweise
Dies war ein Teamprojekt, bei dem ich gemeinsam mit anderen Entwicklern am Frontend und an mehreren End-to-End-Features gearbeitet habe. Die Aufgaben umfassten die Erstellung der Visitenkarten, die Dashboard-Erfahrung, die Freigabeprozesse und die Integrationen, die eine Visitenkarte außerhalb der App nützlich machen: Wallet-Pässe, vCard-Export und E-Mail-Zustellung. Der Ansatz war durchgängig auf Modularität ausgelegt: Ein einziges Vorlagensystem speist sowohl die Editor-Vorschau als auch die öffentliche Karte, und ein gemeinsames Kartenschema dient sowohl der Einzelerstellung als auch dem Massenimport, sodass Features auf demselben Fundament aufbauen statt zu verzweigen.
Tech-Stack
Wichtigste Features
Galerie
Herausforderungen & Lösungen
Die Zugriffskontrolle musste flexibel sein, ohne unübersichtlich zu werden. Da für öffentliche und private Karten unterschiedliche Regeln gelten, wird die Freigabe über eine dedizierte Freigabetabelle abgebildet, die mit der Karte und dem Empfänger verknüpft ist. Ein öffentlicher Zugriff ist nur gestattet, wenn eine Karte explizit als öffentlich markiert ist; diese Prüfung erfolgt direkt innerhalb der Datenabfrage der Karte statt verstreut in der Benutzeroberfläche.
Die Authentifizierung wurde eigenständig entwickelt statt vollständig ausgelagert, was höchste Sorgfalt erforderte. Passwörter werden mit gesalzenem PBKDF2 über die Web Crypto API gehasht statt im Klartext gespeichert, und Tokens zum Zurücksetzen sind zeitlich begrenzt und werden nach einmaliger Nutzung entwertet. Die anspruchsvollste Funktion war die Generierung von Apple Wallet Pässen. Sie erfordert zertifikatbasierte Signierung, die passenden gebündelten Assets, eine eingebettete QR-Nutzlast und formatierte, lokalisierte Felder – alles on demand erzeugt und mit dem korrekten Content-Type ausgeliefert. Die Unterstützung sowohl für Einzelpersonen als auch für Teams basiert auf der Wiederverwendung eines gemeinsamen Kartenschemas für den regulären Erstellungsprozess und den separaten CSV-Importpfad.
Ergebnis
Halatap erfüllt genau das, was eine digitale Visitenkarte leisten sollte: eine zentrale, editierbare Identität, die über Web, E-Mail, QR-Code, Kontaktdateien und Apple Wallet hinweg funktioniert – zweisprachig, sowohl für Einzelpersonen als auch für Teams. Insbesondere die Funktionen für Wallet-Pässe und Massenimporte heben das Produkt vom typischen Profilseiten-Standard ab und machen es praxistauglich für das Teilen über diverse Kanäle.
Haben Sie eine ähnliche Produktherausforderung?
Teilen Sie mir den aktuellen Stand des Produkts, das gewünschte Ergebnis und bereits bestehende Rahmenbedingungen mit. Daraus leite ich einen sinnvollen ersten Meilenstein ab.
Full Stack Developer engagieren