Trinita · E-commerce farmacéutico
E-commerce construido sobre Next.js 16 y Supabase para una farmacia. Cubre el recorrido completo de compra: catálogo con precio por unidad, ficha de producto con tabla de atributos y migas de pan, agregado al carrito desde la grilla, mini-carrito animado con gestos táctiles y lógica de entrega con retiro en tienda o delivery. El trabajo incluyó cerrar los huecos de calidad que suelen quedar fuera del alcance: estados de carga, pantallas de error y 404, accesibilidad y comportamiento móvil.
Contraste por debajo del mínimo
El badge de recipe estaba a 2.79:1 y los enlaces a 4.42:1, ambos por debajo del mínimo WCAG. Solución: recalibrar la paleta a valores conformes y dejar tests automatizados que fallan si alguien vuelve a bajarlos.
Consistencia lingüística a escala
La interfaz mezclaba voseo y tuteo entre componentes, tests y mensajes de error. Solución: normalizar todo a tuteo (español de Venezuela) y añadir una validación por regex que detecta voseo en el código, convirtiendo un criterio editorial en un test que corre solo.
Tests poco convencionales como red de seguridad
Además de E2E con Playwright y unitarios con Vitest, se añadieron tests de contraste de color, de iconografía del menú y de consistencia lingüística. Son criterios que normalmente se revisan a ojo y se degradan con el tiempo; como test, no.
Estados de interfaz completos
Esqueletos de carga, acuse de acciones sin salto de layout, y pantallas de error y 404 que antes no existían. El objetivo fue que ningún estado dejara al usuario frente a una pantalla ambigua.