L. E.
esen
Volver a proyectos

Caso de estudio · 02

OpsCore

Gestión de incidentes operativos

Un producto colaborativo para reportar, asignar, resolver y analizar incidentes operativos mediante flujos específicos por rol.

Rol
Frontend Developer
Contexto
Simulación colaborativa de No Country
Alcance
Flujos frontend e integración REST
Estado
MVP operativo
  • Next.js
  • React
  • JavaScript
  • Tailwind CSS
  • Django REST API
  • Vercel
Dashboard de manager de OpsCore con métricas de incidentes operativos
Dashboard de manager de OpsCore con métricas de incidentes operativos

01 · Contexto

Un incidente, distintas responsabilidades.

OpsCore fue construido como un producto colaborativo para equipos operativos. El principal desafío de interfaz no era solamente mostrar incidentes, sino presentar las acciones y la información correcta para cada rol.

Los operadores reportan, los supervisores realizan seguimiento y asignan, los técnicos resuelven y los managers analizan causas e información semanal.

02 · Alcance frontend

Interfaces por rol conectadas con una API real.

Mi contribución se concentró en la entrega frontend y la integración con la API Django REST desarrollada por el equipo backend.

  1. 01Flujos de login y navegación protegida.
  2. 02Interfaces y acciones disponibles según el rol del usuario.
  3. 03Creación, seguimiento, asignación técnica y resolución de incidentes.
  4. 04Notificaciones, dashboards y flujos de análisis de causa raíz.
  5. 05Navegación responsive y correcciones productivas en mobile.

03 · Decisiones técnicas

La autenticación dejó de depender del almacenamiento del navegador.

El flujo de autenticación se migró desde localStorage a sesiones mediante cookies HttpOnly. El frontend pasó a consumir el estado de sesión mediante rutas protegidas y requests conscientes del servidor, sin tratar al almacenamiento del navegador como fuente de verdad.

La integración también requirió resolver diferencias productivas entre el login de escritorio y mobile respetando el contrato del backend.

04 · Entrega en equipo

Cambios pequeños integrados mediante un flujo compartido.

El producto se entregó mediante ramas de Git, Pull Requests, validación funcional y coordinación con backend. Mi trabajo se mantuvo enfocado en el comportamiento frontend y el límite de integración, sin atribuirme la implementación de Django.