PlateCreate - Configurador de molduras para placas

Desafio: Criar um editor de design de nível profissional, com suporte a texto, imagens, formas e pintura à mão livre com precisão de pixel, que continue intuitivo para usuários sem conhecimento técnico, tanto no desktop quanto no celular.

Solução: Construí o editor em Konva.js, com mais de 50 fontes para molduras de placas de veículos, seis ferramentas de formas, quatro tipos de pincel com controle de opacidade e um sistema completo de gerenciamento de camadas com controle de z-index. O encaixe inteligente no estilo do Canva oferece guias de alinhamento pelo centro, pelas bordas e entre elementos, inclusive para elementos girados. O editor inclui desfazer/refazer com histórico completo, atalhos de teclado, encaixe da rotação em ângulos cardeais, controles de zoom (10%–300%), grades, réguas e exportação em PNG e PDF de alta resolução, pronta para impressão. Uma interface responsiva para celular, com painel inferior deslizante e barra de ferramentas flutuante, garante uma experiência fluida em qualquer dispositivo.

Desafio: Atender cinco perfis de usuário distintos (usuários comuns, superadministradores, concessionárias, gráficas e parceiros imobiliários), cada um com painéis, permissões e fluxos de trabalho próprios, além de um fluxo completo de e-commerce com pagamentos, marketplace e arrecadação de fundos.

Solução: Projetei um sistema baseado em perfis, com redirecionamento automático para o painel certo e portais dedicados para cada tipo de usuário. As concessionárias gerenciam modelos e cupons de desconto, as gráficas cuidam da produção dos pedidos com roteamento por área de atendimento e os parceiros imobiliários configuram pedidos com envio automático. A plataforma integra o Stripe para um checkout seguro com tratamento de webhooks, um marketplace de designs com fluxo de aprovação pelo administrador, campanhas de arrecadação com acompanhamento de metas e solicitações de saque, além de um programa de recompensas por indicação com incentivos em créditos e bloqueio de autoindicação.

Desafio: Garantir carregamento rápido e um sistema de autenticação seguro em uma plataforma cheia de recursos, rodando em infraestrutura de edge com armazenamento baseado em SQLite e armazenamento de objetos para os uploads dos usuários.

Solução: Implantei a plataforma no Cloudflare Pages, com D1 (SQLite) como banco de dados e R2 para o armazenamento de imagens, usando 22 índices de banco de dados e cache HTTP agressivo (10 min de cache no navegador, 2 h de cache na CDN) para carregar os painéis em menos de 100 ms, uma melhoria de 95%. A autenticação usa tokens de sessão com verificação em dois fatores (OTP por e-mail via Resend e OTP por telefone via Twilio), cache de sessão de 30 segundos que reduz em 90% os acessos ao banco de dados, limitação de requisições nos endpoints sensíveis e hash de senhas com bcrypt. A plataforma executa 44 migrações de banco de dados com transações compatíveis com ACID.