← Volver al Portafolio

Sistema de Llantas - Migración Web

Migración completa de sistema MS-DOS a arquitectura web moderna

Descripción del Proyecto

Este proyecto consistió en la migración completa de un sistema de gestión de llantas desde MS-DOS a una arquitectura web moderna. La solución implementa tecnologías actuales para mejorar la experiencia del usuario, la mantenibilidad del sistema y la escalabilidad.

Stack de herramientas utilizado:

  • VSCode y Cursor (entorno de desarrollo)
  • Next.js con Typescript y Tailwind CSS (frontend)
  • Python y FastAPI (API)
  • MS SQL Server (base de datos)
  • Docker (contenedores)
  • Jenkins (CI/CD)
  • Red Hat Linux Server (despliegue)

Galería del Proyecto

Interfaz Principal del Sistema

Interfaz principal del sistema de gestión de llantas

Vista General:

  • Interfaz moderna y responsiva
  • Navegación clara y organizada
  • Diseño intuitivo para usuarios
  • Compatibilidad con diferentes dispositivos
  • Experiencia de usuario mejorada

Órdenes de Compra - Registro de Llantas

Listado de órdenes de compra con folios, proveedor, fecha, almacén y estado

Qué se ve aquí:

  • Folio de orden y número de llantas en el folio
  • Proveedor, fecha, almacén y costo
  • Tipo de movimiento: Ingreso
  • Datos de factura y orden de compra SAP
  • Detalle expandible con cada llanta del folio

Catálogo de Llantas - Movimientos y Semáforos

Catálogo de llantas con panel de movimientos y semáforos por llanta

Qué se ve aquí:

  • Listado por llanta con marca, medida, DOT, almacén y estado
  • Profundidad central/externa/interna por registro
  • Panel de Movimientos con detalle por fecha y usuario
  • Panel de Semáforos con presión y profundidad actuales
  • Acceso a "Ver detalles" por cada registro

Gráficas - RFID Asignados

Tablero de gráficas con progreso de asignación de RFID a llantas, carros y remolques

Indicadores mostrados:

  • Objetos asignados vs objetivo
  • Llantas, carros y remolques con progreso circular
  • Tarjetas resumen por categoría
  • Leyendas y valores por cada indicador

Kilometrajes de Llantas

Pantalla de kilometrajes con tabla de periodo y gráfico del costo por kilómetro

Qué se ve aquí:

  • Tabla de trayecto con fechas, kilómetros y precio aplicado
  • Cálculo de costo por kilómetro
  • Gráfico con kms recorridos
  • Búsqueda por Llanta ID

Semáforos - Carro T-1650

Tabla de semáforos del carro con posiciones y métricas por llanta

Indicadores por posición:

  • Profundidad (32vo/in) con semáforo
  • Presión (PSI) con semáforo
  • Fecha del último semáforo
  • Días de diferencia por mantenimiento

Transferencia entre Almacenes

Pantalla de transferencia entre almacenes con selección de destino y lista de llantas

Flujo de Transferencia:

  • Selección de almacén destino con buscador
  • Búsqueda de llantas y agregado a la selección
  • Listado de llantas seleccionadas con columnas ID, Marca, Medida, Almacén y Último movimiento
  • Acciones por fila: remover elemento de la selección
  • Controles de Buscar y Limpiar para filtrar resultados
  • Confirmación final con botón "Transferir Llantas"

Desmontaje de Llanta

Modal de desmontaje con datos de la llanta, almacén destino y confirmación

Campos del formulario:

  • Llanta, marca y medida
  • Profundidades central/externa/interna
  • Fecha y hora automáticas
  • Causa de desmontaje y tipo
  • Almacén de destino y comentario
  • Botón de confirmación "Desmontar"

Montaje de Llanta

Modal de montaje con selección de llanta, profundidades y confirmación

Campos del formulario:

  • Selector de llanta por ID, Folio de Orden y Marca
  • Datos de llanta: Marca y Medida
  • Captura de profundidades: Central, Externa e Interna
  • Fecha y hora con opción de uso automático
  • Comentario opcional
  • Botón de confirmación "Montar"

Resultados del Proyecto

100%

Migración exitosa de datos históricos

80%

Reducción en tiempo de reportes

10x

Mejora en experiencia de usuario

100

Usuarios concurrentes soportados

Información del Proyecto

Estado: CompletadoDuración: 3 mesesRol: Full Stack Developer