Venta B2B con reglas reales
Cada cliente entra con su catálogo y precios negociados, sin depender de hojas de cálculo externas.
Proyecto en producción
Higinex
E-commerce B2B de distribución
Sistema completo de ventas para distribuidoras de productos de higiene industrial y personal.
Angular 21 NestJS PostgreSQL Prisma
Contexto
El Problema
En la operación diaria de distribución, el problema no era vender: era coordinar bien todo el proceso comercial. El equipo trabajaba con información dispersa, validaciones manuales y poco contexto en cada pedido.
Pedidos entrando por múltiples canales sin trazabilidad unificada.
Precios por cliente gestionados fuera del sistema y propensos a error.
Inventario y estado de pedidos sin visibilidad en tiempo real para el equipo.
Resultado de este contexto: tiempos de respuesta lentos y más riesgo operativo en la gestión de pedidos.
Propuesta
La Solución
El sistema cubre las tareas clave del proceso comercial con un flujo simple para cliente y administración.
Operación centralizada
Pedidos, inventario y seguimiento viven en una sola plataforma para cliente y administración.
Seguimiento claro del pedido
Cada orden avanza por estados visibles y notificaciones automáticas hasta la entrega.
Capturas de Pantalla
Galería del Proyecto
Click para ampliar
Landing / Login
Página de inicio con branding corporativo
Click para ampliar
Catálogo de Productos
Vista del catálogo con filtros activos
Click para ampliar
Carrito de Compras
Carrito con productos y resumen
Click para ampliar
Checkout
Proceso de pago con dirección seleccionada
Click para ampliar
Pedido Confirmado
Confirmación con timeline de estado
Click para ampliar
Panel de Admin
Dashboard con métricas y resúmenes
Click para ampliar
Gestión de Pedidos
Tabla de pedidos con estados
Click para ampliar
Vista Móvil
Diseño responsive en móvil
Click para ampliar
Email de Confirmación
Template de email transaccional
Tecnologías
Stack Técnico
Angular 21 Frontend
TanStack Query Frontend
TailwindCSS Frontend
DaisyUI Frontend
NestJS 10 Backend
Prisma ORM Backend
PostgreSQL Database
JWT + Refresh Auth
SendGrid Email
Render + Netlify Deploy
Vista compacta: toca una categoría para filtrar y ver solo el bloque de tecnologías relacionado.
Flujo Operativo
Flujo de Pedido a Entrega
Ciclo completo de un pedido: desde que el cliente explora el catálogo hasta que recibe su entrega y el inventario se actualiza automáticamente.
Flujo operativo de Higinex en seis etapas: 1. Explorar Catálogo, 2. Armar Pedido, 3. Confirmar Compra (dispara email automático hacia Procesamiento), 4. Procesamiento (actualiza estado hacia Despacho), 5. Despacho, 6. Entrega (descuenta stock y reinicia ciclo).
Explorar Catálogo
Cliente navega productos con precios personalizados, filtros y búsqueda en tiempo real
Armar Pedido
Carrito persistente con cantidades, resumen de precios y verificación de stock
Confirmar Compra
Selección de dirección de entrega, método de pago y confirmación del pedido
Email automático
Procesamiento
Admin recibe notificación, verifica stock, confirma y prepara el despacho
Actualización de estado
Despacho
Pedido sale a ruta con actualización de estado en tiempo real
Entrega
Cliente recibe, pedido se marca como completado y se actualiza inventario
Explorar Catálogo
Cliente navega productos con precios personalizados, filtros y búsqueda en tiempo real
Armar Pedido
Carrito persistente con cantidades, resumen de precios y verificación de stock
Confirmar Compra
Selección de dirección de entrega, método de pago y confirmación del pedido
Email automático
Procesamiento
Admin recibe notificación, verifica stock, confirma y prepara el despacho
Actualización de estado
Despacho
Pedido sale a ruta con actualización de estado en tiempo real
Entrega
Cliente recibe, pedido se marca como completado y se actualiza inventario
Al completar la entrega, el inventario se descuenta automáticamente y el catálogo se actualiza en tiempo real.
Notificación de sistema
Cambio de estado
Sincronización de inventario
Lo que aprendí
Aprendizajes del proyecto
Producto
01
Desarrollo frontend con Angular
Producto
02
Gestión de datos para interfaces con alto uso
Proceso
03
Diseño de servicios backend con NestJS
Proceso
04
Modelado y manejo de datos en PostgreSQL
Plataforma
05
Diseño de interfaces con TailwindCSS y DaisyUI
Plataforma
06
Implementación de notificaciones automáticas por correo
Capacidades clave Flujo B2B Operación comercial Automatización
Explora el proyecto
Higinex está en producción. Puedes revisar la aplicación y, si te interesa, explorar la implementación en los repositorios.