← Volver a proyectos
Caso de estudio
OpsCore
MVP colaborativo para digitalizar el reporte, seguimiento y resolución de incidentes en entornos operativos.
El proyecto fue desarrollado en equipo dentro de una simulación profesional, con integración frontend/backend, QA, ramas Git, pull requests, deploy en producción y correcciones sobre feedback real del flujo operativo.
Contexto
El problema
En un entorno operativo, los incidentes no alcanzan con ser reportados: necesitan trazabilidad, asignación clara, seguimiento por estado y una forma simple de visualizar qué está pendiente, qué fue resuelto y quién debe actuar.
El problema principal era ordenar un flujo que normalmente puede quedar disperso entre mensajes, planillas o registros manuales, especialmente cuando intervienen perfiles distintos como operador, supervisor, técnico y manager.
Objetivos
Qué tenía que resolver el MVP
La prioridad fue construir una herramienta funcional que permitiera recorrer el flujo completo de un incidente desde su creación hasta su resolución.
Reporte centralizado
Permitir que un operador registre un incidente con información clara para iniciar el flujo de seguimiento.
Asignación y seguimiento
Facilitar que el supervisor asigne técnicos y que cada rol vea la información relevante según sus permisos.
Visibilidad operativa
Mostrar listados, detalles, estados y métricas para entender el avance de los incidentes dentro del sistema.
Solución
Qué construimos
Construimos una aplicación web con frontend en Next.js, consumo de una API REST en Django y vistas diferenciadas por rol. El sistema permite crear incidentes, consultar listados, revisar detalles, asignar técnicos, resolver reportes y acceder a datos operativos.
Mi trabajo se concentró en la capa frontend: estructura de vistas, integración con endpoints reales, sesión de usuario, permisos por rol, rutas protegidas, visualización de datos, corrección de bugs reportados por QA y ajustes de rendimiento en listados pesados.
Funcionalidades
Características principales
Autenticación
Login conectado a backend, persistencia de sesión y lectura del usuario autenticado para renderizar la experiencia correcta.
Vistas por rol
Interfaces adaptadas para operador, supervisor, técnico y manager, evitando acciones que no correspondían a cada perfil.
Rutas protegidas
Control de acceso a secciones internas para impedir navegación inconsistente cuando no hay sesión válida.
Gestión de incidentes
Creación, listado, detalle, asignación de técnico, resolución y lectura de información asociada al incidente.
Dashboard y métricas
Visualización de datos operativos para aportar contexto sobre el estado general de los reportes.
Correcciones de QA
Ajustes sobre bugs funcionales, permisos, navegación, visualización de tiempos y consistencia entre vistas.
Stack
Tecnologías utilizadas
Frontend
Next.js
React
JavaScript
Tailwind CSS v4
Integración
API REST
Auth
Roles
Rutas protegidas
Postman
Deploy y trabajo en equipo
Vercel
Render
Git
GitHub
Pull Requests
QA
Mi rol
Responsabilidades principales
Participé como Frontend Developer, tomando tareas de integración, estructura de vistas y ajustes de experiencia de usuario. El foco fue lograr que el MVP dejara de ser una maqueta y funcionara con datos, roles y endpoints reales.
También trabajé sobre mejoras de navegación, permisos, corrección de bugs detectados por QA, limpieza de flujos inconsistentes y optimización de vistas que cargaban datos de forma demasiado pesada.
Decisiones técnicas
Criterios aplicados durante el desarrollo
Frontend conectado a backend real
Priorizamos el consumo de endpoints reales por encima de datos simulados para validar el flujo completo del producto.
Experiencia segmentada por rol
Ajusté navegación, botones y vistas para que cada perfil viera acciones coherentes con sus responsabilidades dentro del sistema.
Corrección sobre feedback de QA
El proyecto se fue refinando a partir de reportes concretos, priorizando bugs que bloqueaban flujo o generaban confusión.
Optimización de listados pesados
Se trabajó sobre vistas con carga lenta para reducir consultas innecesarias y mejorar la experiencia al navegar datos.
Resultado
MVP operativo con flujo principal funcional
El resultado fue un MVP operativo con autenticación, vistas por rol, reporte de incidentes, asignación, seguimiento, resolución y visualización de datos. Además de la parte técnica, el proyecto me permitió trabajar en una dinámica más cercana a un entorno real: equipo, QA, ramas, PRs, integración frontend/backend y producción.
Aprendizajes
Qué me dejó este proyecto
OpsCore me permitió reforzar habilidades que no siempre aparecen en proyectos individuales: coordinar cambios con backend, adaptar el frontend a respuestas reales de API, trabajar con criterios de QA y tomar decisiones pensando en usuarios con roles distintos.
También dejó una lección técnica clara: cuando una vista parece lenta, no alcanza con mejorar estilos o estados de carga. Hay que revisar el flujo de datos, evitar trabajo repetido y atacar el cuello de botella real.
Links
Ver código del proyecto
Muestro el repositorio como referencia técnica. No incluyo la demo pública en esta versión del portfolio porque el acceso cae directo en login y el caso de estudio comunica mejor el alcance real del MVP.