PlateCreate - Configurador de marcos para placas de matrícula

Reto: Crear un editor de diseño de nivel profesional que admita texto, imágenes, formas y pintura a mano alzada con precisión al píxel, sin dejar de ser intuitivo para usuarios sin conocimientos técnicos, tanto en equipos de escritorio como en dispositivos móviles.

Solución: Construí el editor sobre Konva.js, con más de 50 fuentes para marcos de placas, seis herramientas de formas, cuatro tipos de pincel con control de opacidad y un sistema completo de gestión de capas con control del orden de apilamiento (z-index). El ajuste inteligente al estilo de Canva ofrece guías de alineación al centro, a los bordes y entre elementos, incluso para elementos girados. El editor incluye deshacer y rehacer con historial completo, atajos de teclado, ajuste de la rotación a los ángulos cardinales, controles de zoom (10 %–300 %), cuadrículas superpuestas, reglas y exportación en PNG y PDF de alta resolución, lista para imprimir. Una interfaz adaptada a dispositivos móviles, con panel inferior deslizable y barra de herramientas flotante, garantiza una experiencia fluida en todos los dispositivos.

Reto: Dar soporte a cinco roles de usuario distintos (usuarios normales, superadministradores, concesionarios, imprentas y socios inmobiliarios), cada uno con paneles, permisos y flujos de trabajo propios, junto con un flujo completo de comercio electrónico con pagos, mercado de diseños y recaudación de fondos.

Solución: Diseñé la arquitectura de un sistema basado en roles con redirección automática al panel correspondiente y portales dedicados para cada tipo de usuario. Los concesionarios gestionan plantillas y códigos de cupón, las imprentas completan los pedidos que se les asignan por zona de servicio y los socios inmobiliarios configuran pedidos de envío automático. La plataforma integra Stripe para un pago seguro con gestión de webhooks, un mercado de diseños con flujo de aprobación por parte del administrador, campañas de recaudación de fondos con seguimiento de objetivos y solicitudes para retirar fondos, y un sistema de recompensas por recomendación con incentivos en créditos y prevención de autorrecomendaciones.

Reto: Ofrecer tiempos de carga rápidos y un sistema de autenticación seguro en una plataforma con muchas funciones, desplegada en infraestructura edge con almacenamiento basado en SQLite y almacenamiento de objetos para los archivos que suben los usuarios.

Solución: Desplegué la plataforma en Cloudflare Pages, con D1 (SQLite) como base de datos y R2 para el almacenamiento de imágenes, y usé 22 índices de base de datos y una caché HTTP agresiva (10 min de caché en el navegador y 2 h en la CDN) para lograr cargas del panel por debajo de 100 ms, una mejora del 95 %. La autenticación usa tokens de sesión con verificación en dos pasos (OTP por correo electrónico mediante Resend y OTP por teléfono mediante Twilio), una caché de sesión de 30 segundos que reduce en un 90 % las consultas a la base de datos, limitación de solicitudes en los endpoints sensibles y hash de contraseñas con bcrypt. La plataforma ejecuta 44 migraciones de base de datos con transacciones compatibles con ACID.