Halatap
Uma plataforma para criar, compartilhar e exportar cartões de visita modernos a partir de um único painel, para e-mail, QR code, vCard e Apple Wallet.
Next.js 16
React 19
TypeScript
Convex
Tailwind CSS 4
Radix UI
Resend
Visão geral
O Halatap substitui o cartão de visita de papel por uma versão digital que você pode realmente manter atualizada. Cada usuário conta com um painel para criar cartões a partir de um conjunto de modelos e, em seguida, compartilhá-los da forma que a ocasião exigir: link público, QR code, e-mail, arquivo de contato para download ou um passe salvo diretamente no Apple Wallet. Trata-se de uma aplicação full-stack construída em Next.js e Convex, com contas seguras, dados em tempo real e suporte a inglês e árabe.
O Problema
Os cartões em papel envelheceram mal. As informações ficam defasadas no momento em que um cargo ou telefone muda, são fáceis de perder e só existem em um formato físico. Compartilhar digitalmente não é melhor na prática, porque acaba fragmentado entre links, PDFs, códigos QR e aplicativos de mensagens, sem uma fonte central confiável. Além disso, usuários internacionais precisam de cartões em mais de um idioma, e as equipes precisam de uma forma de criar vários cartões de uma só vez, em vez de um por um. O Halatap foi desenvolvido para integrar tudo isso em um único sistema.
Meu Papel e Abordagem
Este foi um projeto em equipe, no qual atuei no front-end e em diversas funcionalidades de ponta a ponta ao lado de outros desenvolvedores. O trabalho envolveu a experiência de criação de cartões e o painel, os fluxos de compartilhamento e as integrações que tornam o cartão útil fora da aplicação: passes para carteira digital, exportação de vCard e envio de e-mails. A abordagem adotada foi manter o produto modular: um único sistema de modelos alimenta tanto a pré-visualização no editor quanto o cartão público final, e um único esquema de cartão atende tanto à criação individual quanto à importação em lote, reutilizando as mesmas bases em vez de criar ramificações desnecessárias.
Stack Tecnológica
Principais Funcionalidades
Galeria
Desafios e Soluções
O controle de acesso precisava ser flexível sem se tornar complexo. Cartões públicos e privados exigem regras distintas; por isso, o compartilhamento é modelado com uma tabela dedicada vinculada ao cartão e ao destinatário. O acesso público é permitido apenas quando um cartão está explicitamente marcado como público, e essa verificação é realizada diretamente na consulta do cartão, em vez de espalhada pela UI.
A autenticação foi implementada internamente em vez de ser totalmente terceirizada, o que exigiu um cuidado redobrado. As senhas são geradas com hash PBKDF2 com salt via Web Crypto API em vez de serem armazenadas puras, e os tokens de redefinição têm prazo de validade e são marcados como utilizados após o uso. A funcionalidade mais complexa foi a geração do passe para Apple Wallet. Ela exige assinatura baseada em certificados, os ativos agrupados corretos, carga útil do QR code incorporada e campos localizados formatados, tudo produzido sob demanda e retornado com o tipo de conteúdo adequado. O suporte tanto para usuários individuais quanto para equipes se resumiu a reaproveitar o mesmo esquema de cartão em um fluxo padrão de criação e em uma via separada de importação por CSV.
Resultado
O Halatap cumpre com excelência o propósito de um cartão de visita digital: uma identidade editável que transita por web, e-mail, QR code, arquivos de contato e Apple Wallet, em dois idiomas, tanto para indivíduos quanto para equipes. Os recursos de passe para carteira digital e importação em massa, em especial, elevam-no acima do típico produto de "página de perfil", tornando-o ideal para compartilhamento multicanal no mundo real.
Tem um problema de produto semelhante?
Compartilhe o produto atual, o resultado que você precisa e as restrições que já estão no caminho. Usarei isso para definir um primeiro marco sensato.
Contratar um desenvolvedor full stack