MK
Proyectos

Proyecto 03 · Producto / operaciones

Demo funcional

OT Flow

Un sistema de órdenes de trabajo que organiza la operación interna del taller y entrega a cada cliente una vista clara del avance, la evidencia y los trabajos realizados.

enfoque

  • Órdenes de trabajo
  • Operaciones
  • Visibilidad de clientes
fig. 03 — Control interno y visibilidad del avance para el cliente

notas del proyecto

Un caso de estudio técnico sobre el producto, su funcionamiento y su estado actual.

01

Problema

Las órdenes, fotografías y novedades suelen repartirse entre papel, planillas y mensajes. Eso dificulta coordinar al equipo y responder al cliente con información actualizada.

02

Solución

Cada OT concentra sus datos, prestaciones, responsables, estados, evidencia y documentos. Un enlace público entrega al cliente exactamente la información que necesita.

03

Demo reproducible

La muestra corre en un único contenedor, con SQLite y archivos locales. Incluye datos ficticios, roles, reset y healthcheck para encenderla bajo demanda desde el portafolio.

04

Aislamiento

La demo no comparte credenciales ni infraestructura con producción. El contenedor es non-root, valida tenant y rol, y persiste únicamente en su volumen dedicado.

01Arquitectura de la demo

Una aplicación completa en un contenedor liviano.

Experiencia

mismo origen

  • React + Vite
  • Vista interna
  • Vista compartida

Aplicación

Node.js

  • API REST
  • Sesiones y roles
  • PDF y archivos

Persistencia

volumen dedicado

  • SQLite WAL
  • Uploads
  • Seed + reset

Operación

bajo demanda

  • Docker non-root
  • Healthcheck
  • Dokploy launcher

Control interno

Una OT como eje

Personas, estados, tiempos, comentarios y evidencia quedan unidos al mismo flujo operacional.

Visibilidad

Enlace de cliente

Una vista pública de solo lectura evita entregar acceso al panel del taller.

Demo

Local y reiniciable

Los datos ficticios vuelven a un estado conocido sin depender de servicios externos.

flujo de trabajo

  1. 01

    Recibir

  2. 02

    Planificar

  3. 03

    Ejecutar

  4. 04

    Evidenciar

  5. 05

    Compartir

  6. 06

    Cerrar

02Sistema / tecnologías

Las piezas detrás de la interfaz.

El frontend conserva la experiencia original, mientras una capa local reemplaza identidad, documentos, archivos y funciones remotas por una API Node y SQLite del mismo origen.

Producto

  • React 18
  • Vite
  • Schedule X
  • jsPDF
  • Excel + Word

Backend

  • Node.js 22
  • Express
  • PDFKit
  • sesiones HMAC

Datos

  • SQLite WAL
  • volumen Docker
  • archivos locales
  • seed reproducible

Operación

  • Docker multi-stage
  • usuario non-root
  • healthcheck
  • Dokploy

estado actual

Demo funcional y autocontenida: el recorrido completo de una OT, sus fotografías, documentos y enlace de cliente se valida de punta a punta con Playwright.

Ir a la demo