JUAN PABLO LINARES
0%
Cargando Arquitectura & Experiencia
VOLVER AL PORTAFOLIO
NaTec V2
E-Commerce Mayorista & ERP ContableProducción Activa

NaTec V2

Ecosistema comercial mayorista de alta concurrencia con integración oficial al software contable EFFI ERP, modo kiosko táctil interactivo y motor publicitario nativo en Canvas 2D. Desplegado en producción sobre DigitalOcean VPS.

RolArquitecto & Full Stack
EnfoqueRendimiento, Resiliencia & Costos
CategoríaE-Commerce Mayorista & ERP Contable
EstadoProducción / En Operación
Métricas Cuantitativas & Impacto en Producción
$14 USD/mesCosto de Servidor

Fijo en VPS vs. facturación elástica impredecible de Firebase

EFFI ERP OficialIntegración Contable

Exportación masiva de conceptos de venta en .xlsx con ExcelJS

Touch POSModo Kiosko

Terminal táctil con auto-reset por inactividad y PIN administrativo

1200×1200pxGenerador Gráfico

Motor Canvas 2D para banners en HD con copiado directo a WhatsApp

01. EL RETO DE INGENIERÍA

Migración crítica de una arquitectura serverless en Firebase (con costos variables impredecibles y lecturas desmedidas de Firestore) hacia un VPS auto-hospedado con Docker Compose sin interrumpir la operación comercial, resolviendo la exportación contable masiva para EFFI ERP y asegurando reactividad en tiempo real mediante Server-Sent Events (SSE).

02. DECISIONES DE ARQUITECTURA

Stack desacoplado en VPS DigitalOcean orquestado con Docker Compose y Nginx Alpine. Frontend Angular 22 impulsado por Signals y Standalone Components; Backend en NestJS 11 bajo Clean Architecture; Base de datos PostgreSQL gestionada con Prisma ORM; Storage en DigitalOcean Spaces (S3) y exportación documental fiscal con ExcelJS.

Interactive Topology Explorer

Topología de Datos: NaTec V2

LIVE ARCHITECTURE
Etapa 01 · Especificación Técnica

Terminal Táctil / Web

Stack: Angular 22 SignalsMétrica: Client

Catálogo mayorista, carrito reactivo, modo kiosko y generador Canvas 2D

Optimizada para máxima concurrencia y tolerancia a fallos.

03. ARSENAL TECNOLÓGICO

NestJS 11Angular 22PostgreSQLPrisma ORMDocker ComposeEFFI ERPServer-Sent EventsDigitalOcean SpacesTailwind CSS
Evidencia Visual en Producción (29 Vistas)

Galería Interactiva del Sistema

Explora las 29 pantallas reales de la plataforma NaTec V2: desde la experiencia del cliente mayorista en tienda y dispositivos móviles, hasta los módulos de analítica BI y la integración fiscal con EFFI ERP.

Arquitectura en Evolución // Caso Real de Negocio

Migración Estratégica: Firebase Serverless → VPS Auto-Hospedado

ROI & COSTOS OPTIMIZADOS
✕ Arquitectura Previa (Firebase Serverless)
  • • Facturación elástica impredecible por lecturas continuas de Firestore.
  • • Exportación manual y digitación repetitiva de pedidos en software contable.
  • • Ausencia de modo kiosko interactivo con bloqueo de seguridad en bodega.
  • • Banners estáticos sin generación dinámica para vendedores de WhatsApp.
✓ NaTec V2 (NestJS + Docker VPS + EFFI ERP)
  • • Costo fijo mensual de $14 USD/mes en Droplet VPS DigitalOcean + Nginx.
  • • Integración oficial con EFFI ERP: exportación masiva en .xlsx con ExcelJS.
  • • Modo Kiosko táctil con PIN de seguridad y reinicio automático por inactividad.
  • • Motor Canvas 2D a 1200×1200 px con copiado directo al portapapeles.
Catálogo Público & Banners Dinámicos
🛒 Tienda Pública

Catálogo Público & Banners Dinámicos

Cabecera principal con carrusel publicitario sincronizado desde DigitalOcean Spaces y segmentación por marcas mayoristas.

AMPLIAR EN ALTA DEFINICIÓN
Grid de Productos de Alta Concurrencia
🛒 Tienda Pública

Grid de Productos de Alta Concurrencia

Renderizado continuo optimizado de más de 300 referencias tecnológicas con precios escalonados por volumen y badges de stock.

AMPLIAR EN ALTA DEFINICIÓN
Búsqueda Reactiva Instantánea
🛒 Tienda Pública

Búsqueda Reactiva Instantánea

Filtrado en tiempo real por coincidencia difusa (fuzzy search) sobre títulos, referencias SKU y marcas sin latencia.

AMPLIAR EN ALTA DEFINICIÓN
Drawer Lateral 'Mi Pedido' & WhatsApp
🛒 Tienda Pública

Drawer Lateral 'Mi Pedido' & WhatsApp

Carrito reactivo con cálculo automático de totales mayoristas y botón de despacho instantáneo formateado para WhatsApp Business.

AMPLIAR EN ALTA DEFINICIÓN
Filtro por Categoría: Cargadores & Cables
🛒 Tienda Pública

Filtro por Categoría: Cargadores & Cables

Navegación reactiva con filtrado multifactorial por potencia, tipo de conector y disponibilidad.

AMPLIAR EN ALTA DEFINICIÓN
Filtro por Categoría: Audio & Accesorios
🛒 Tienda Pública

Filtro por Categoría: Audio & Accesorios

Exploración de accesorios de audio con especificaciones técnicas y disponibilidad al vuelo.

AMPLIAR EN ALTA DEFINICIÓN
Modal Dinámico de Promociones
🛒 Tienda Pública

Modal Dinámico de Promociones

Avisos emergentes configurables desde el panel administrativo para ofertas relámpago y combos comerciales.

AMPLIAR EN ALTA DEFINICIÓN
Autenticación de Clientes Mayoristas
🛒 Tienda Pública

Autenticación de Clientes Mayoristas

Acceso protegido mediante credenciales para clientes verificados con tarifas especiales de distribuidor.

AMPLIAR EN ALTA DEFINICIÓN
Integración Oficial EFFI ERP & Pedidos
⚙️ Admin & EFFI ERP

Integración Oficial EFFI ERP & Pedidos

Módulo crítico: exportación automatizada a plantillas contables oficiales .xlsx de EFFI ERP y trazabilidad de estados (PENDIENTE, CONFIRMADO, EXPORTADO).

AMPLIAR EN ALTA DEFINICIÓN
Dashboard Central de Control de Inventario
⚙️ Admin & EFFI ERP

Dashboard Central de Control de Inventario

Panel de mando con conteo de SKUs, alertas de agotados, valorización de inventario y acciones de gestión rápida.

AMPLIAR EN ALTA DEFINICIÓN
Módulo de Business Intelligence & Ventas
⚙️ Admin & EFFI ERP

Módulo de Business Intelligence & Ventas

Métricas cuantitativas de ingresos mensuales, ticket promedio por cliente mayorista y curvas de rendimiento comercial.

AMPLIAR EN ALTA DEFINICIÓN
Analítica de Rotación & Ranking Top
⚙️ Admin & EFFI ERP

Analítica de Rotación & Ranking Top

Identificación estadística de artículos de alta rotación (Fast Moving Consumer Goods) vs artículos estancados.

AMPLIAR EN ALTA DEFINICIÓN
Actualizador Masivo de Precios
⚙️ Admin & EFFI ERP

Actualizador Masivo de Precios

Herramienta operativa para aplicar ajustes porcentuales o incrementos fijos por categoría en segundos.

AMPLIAR EN ALTA DEFINICIÓN
Gestor y Organizador de Categorías
⚙️ Admin & EFFI ERP

Gestor y Organizador de Categorías

Reordenamiento interactivo con Drag & Drop (CDK) para controlar la posición jerárquica de cada familia en la tienda.

AMPLIAR EN ALTA DEFINICIÓN
Gestor de Banners & Multimedia S3
⚙️ Admin & EFFI ERP

Gestor de Banners & Multimedia S3

Subida directa de imágenes corporativas hacia DigitalOcean Spaces con redimensionamiento y caché CDN.

AMPLIAR EN ALTA DEFINICIÓN
Configurador de Promociones de Temporada
⚙️ Admin & EFFI ERP

Configurador de Promociones de Temporada

Activación y desactivación programada de descuentos globales y avisos pop-up para el portal público.

AMPLIAR EN ALTA DEFINICIÓN
Organizador Visual del Catálogo
⚙️ Admin & EFFI ERP

Organizador Visual del Catálogo

Disposición visual de los productos más destacados en la primera pantalla del comprador.

AMPLIAR EN ALTA DEFINICIÓN
Exportador de Catálogo en PDF
⚙️ Admin & EFFI ERP

Exportador de Catálogo en PDF

Motor documental para generar catálogos en PDF listos para imprimir o enviar por correo a distribuidores.

AMPLIAR EN ALTA DEFINICIÓN
Formulario de Alta de Nuevo Producto
⚙️ Admin & EFFI ERP

Formulario de Alta de Nuevo Producto

Carga ágil de especificaciones técnicas, variantes, precios mayoristas y carga de imágenes multi-resolución.

AMPLIAR EN ALTA DEFINICIÓN
Edición Detallada & Precios Escalonados
⚙️ Admin & EFFI ERP

Edición Detallada & Precios Escalonados

Modificación en caliente de descripciones, estados de stock y reglas de precio para compras por bulto.

AMPLIAR EN ALTA DEFINICIÓN
Acceso Seguro al Panel de Administración
⚙️ Admin & EFFI ERP

Acceso Seguro al Panel de Administración

Autenticación robusta con JWT, refresh tokens seguros y control de accesos basados en roles administrativos.

AMPLIAR EN ALTA DEFINICIÓN
Mobile Home: Banners & Navegación
📱 Vista Móvil

Mobile Home: Banners & Navegación

Experiencia táctil fluida con carrusel de gestos táctiles adaptado a pantallas de teléfonos inteligentes.

AMPLIAR EN ALTA DEFINICIÓN
Mobile Feed: Catálogo Rápido
📱 Vista Móvil

Mobile Feed: Catálogo Rápido

Lista optimizada para navegación con una sola mano y adición inmediata de artículos al carrito.

AMPLIAR EN ALTA DEFINICIÓN
Mobile Carrito: Checkout en 1 Clic
📱 Vista Móvil

Mobile Carrito: Checkout en 1 Clic

Revisión rápida de pedido y generación de orden directa vía WhatsApp Business con un toque.

AMPLIAR EN ALTA DEFINICIÓN
Mobile Admin: Pedidos & EFFI ERP
📱 Vista Móvil

Mobile Admin: Pedidos & EFFI ERP

Gestión y autorización de despachos desde el móvil del gerente con conexión directa a EFFI ERP.

AMPLIAR EN ALTA DEFINICIÓN
Mobile Admin: Métricas en Tiempo Real
📱 Vista Móvil

Mobile Admin: Métricas en Tiempo Real

Consulta de indicadores de ventas y flujo de caja en cualquier momento y lugar.

AMPLIAR EN ALTA DEFINICIÓN
Mobile Admin: Dashboard de Bolsillo
📱 Vista Móvil

Mobile Admin: Dashboard de Bolsillo

Resumen ágil de inventario disponible y pedidos pendientes desde el celular.

AMPLIAR EN ALTA DEFINICIÓN
Mobile UX: Anuncios Pop-Up
📱 Vista Móvil

Mobile UX: Anuncios Pop-Up

Diseño responsivo de ofertas relámpago con cierre rápido sin obstruir la compra.

AMPLIAR EN ALTA DEFINICIÓN
Mobile UX: Login de Acceso Rápido
📱 Vista Móvil

Mobile UX: Login de Acceso Rápido

Formulario de inicio de sesión ultra-ligero y optimizado para teclado móvil.

AMPLIAR EN ALTA DEFINICIÓN
Explorar Siguiente Caso de Estudio

Fuelix