Saltar al contenido
Proyectos
Logo de Dinámica en Línea

Dinámica en Línea

Contribuidor principal del frontend

Storefront de ecommerce B2B para distribución ferretera e industrial.

Cliente: Dinámica Ferretera

  • Ecommerce B2B
  • Fuerza de ventas
  • Tiempo real
  • Vue 3
  • Vite
  • Pinia
  • TypeScript
  • Ruby on Rails (API)
  • PostgreSQL
  • ActionCable

Catálogo, carrito y checkout

Búsqueda de catálogo, carrito y un checkout multi-paso con reglas distintas según el tipo de usuario, respaldado por una API en Rails.

Operación y cartera

Panel administrativo con órdenes, cotizaciones, reportes, estado de cartera con score de riesgo, notas de crédito y promociones.

Fuerza de ventas en campo

Módulo de visitas georreferenciadas para vendedores, con mapas de zonas y validaciones sobre las evidencias que se capturan en campo.

Tiempo real

Notificaciones y actualizaciones en vivo vía ActionCable sobre WebSockets contra el backend, para que el panel refleje el estado sin recargar.

Acceso B2B de Dinámica en Línea — ingreso por ID de cliente y contraseña.
{ "La tienda es B2B": "el acceso es para clientes registrados." }

Dinámica en Línea es la tienda en línea de una distribuidora de herramientas y suministros industriales. No es solo un catálogo: es una plataforma de ecommerce B2B con todo el flujo comercial detrás —clientes, pedidos, cotizaciones, promociones y cartera— más un módulo de operación para el equipo interno y la fuerza de ventas.

En el frontend soy el contribuidor principal: la mayor parte del storefront en Vue 3 —tienda, checkout, panel administrativo y el módulo de visitas de vendedores— además de la arquitectura que después dio pie a operar varias marcas sobre la misma base de código. El backend es una API en Ruby on Rails mantenida principalmente por otra persona del equipo; mi trabajo se concentra en el cliente y su integración con esa API.

Es un producto de larga vida: se mantiene, se le agregan funcionalidades y se sostiene en producción, con una suite de pruebas end-to-end (Cypress y Playwright) y pruebas unitarias que acompañan cada cambio.