Recuento · Lab · Paneles de control

Cómo se construyó Recuento

Demo de panel de inventario multi-almacén: tarjeta de pedidos con contadores en vivo, tarjeta de stock cuya leyenda (en stock, agotado, bajo, muerto) filtra la tabla al hacer clic, carrusel de propuestas de reposición calculadas con la demanda estimada frente a las existencias, y tarjeta de logística con un mapa halftone procedural donde el envío activo avanza por su ruta con estado de retraso. Debajo, la tabla de referencias con buscador, filtros por categoría/proveedor/estado, ordenación por columnas y exportación a CSV. Sin backend: cada combinación de almacén y mes reseedea el panel con un RNG determinista, y un tick simula ventas que descuentan existencias, pedidos que se completan y avisos de stock bajo.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.

Qué demuestra

• Tarjeta de stock con leyenda clicable: cada estado (en stock, agotado, bajo, muerto) filtra la tabla y se sincroniza con el select de la barra
• Propuestas de reposición calculadas en vivo: demanda estimada frente a existencias, con carrusel, favorito y botón que crea el pedido
• Mapa halftone procedural: continentes rasterizados por punto-en-polígono y ruta de aprovisionamiento con marcador que avanza y pill de retraso
• Tabla de referencias con buscador por nombre/SKU, filtros por categoría, proveedor y estado, y ordenación por coste, existencias y valor
• Ventas simuladas cada pocos segundos: descuentan existencias, iluminan la fila y avisan cuando una referencia entra en stock bajo o se agota
• Cambiar de almacén o de mes reseedea todo el panel; cada almacén trae su propia ruta logística (Shenzhen, Róterdam, Casablanca)
• Contadores de pedidos con pulso en vivo: los «en curso» se van completando y las reposiciones pedidas entran en la cola
• Exportación a CSV de la vista filtrada y recuento cíclico programable con aviso en la campana
• «Regenerar» reseedea el catálogo completo; RNG determinista (mulberry32): misma semilla, mismos datos
• Todo simulado en cliente: sin backend, sin dependencias npm