el estudio: diseñas y lo ves en 3D
Miaow Bag
Tienda en línea salvadoreña donde diseñas tu tote bag o taza, la ves en 3D antes de comprar y pides sin crear cuenta. Las camisetas están en lanzamiento.
- Rol
- Full-stack, UI/UX, modelado 3D y puesta en producción
- Año
- 2025 – 2026
- Stack
- Angular 19 · TypeScript · Three.js · Supabase · Tailwind CSS · Playwright
El reto
Que lo que el cliente ve en 3D sea exactamente lo que se imprime, y que pueda comprar como invitado sin abrir un hueco de seguridad. El diseño es la textura del panel frontal del modelo, y el área de impresión sale de las medidas reales de la bolsa y de la plancha (28 × 28 cm en la tote), así que el pedido llega listo para DTF. La compra como invitado usa una sesión anónima de Supabase, RLS en todas las tablas y Cloudflare Turnstile.
El resultado
E-commerce completo en producción: estudio de diseño con capas, textos curvos, emojis, deshacer/rehacer y vista 3D en tiempo real sobre modelos hechos en Blender a partir de los productos reales. Checkout de una página con pago por transferencia o contra entrega, panel de administración para pedidos, inventario por variante y diseños, y "Mejorar calidad" de imágenes con TensorFlow.js en el navegador, sin costo de servidor. ~31,700 líneas de TypeScript, 86 componentes, 62 decisiones de arquitectura documentadas y pruebas E2E con Playwright y axe.