PROJECT: MERCADONA FLOW
Aplicación web de lista de la compra que optimiza la experiencia de compra en Mercadona, ordenando los productos según el recorrido físico por los pasillos del supermercado.
OVERVIEW
Mercadona Flow es una Progressive Web App mobile-first diseñada para simplificar las compras. Permite gestionar listas de compra, importar productos desde texto (WhatsApp/Notas), categorizarlos automáticamente entre 200+ categorías, y ordenarlos según la distribución real de una tienda Mercadona configurada por el usuario mediante drag & drop
ARCHITECTURE
Arquitectura basada en componentes React con TypeScript. Estado global gestionado con Zustand con persistencia en localStorage. Build optimizado con Vite 7. Estilos con Tailwind CSS v4 y diseño glassmorphism. Drag & drop implementado con @hello-pangea/dnd. Deployment en Vercel con enrutamiento SPA.
STACK
OUTCOME
App funcional desplegada en producción. Permite crear múltiples listas, importación masiva de productos, categorización inteligente automática, modo compra ordenado por pasillos, y configuración personalizada de tiendas. Optimizada para uso con una mano mientras se empuja el carro de la compra