</>
Volver
Plataformas ambientales en producciónEn producción

Greensoft · EcoREP · 0 Carbono

ReactNext.jsTypeScriptMUIRTK QueryAPIs

Problema

Cumplir la Ley REP y reportar huella de carbono implica registrar, validar y trazar mucha información (residuos por período, documentos, estados) de forma manual y propensa a error.

Contexto

Producto interno de Ambientalia desarrollado en Greensoft (mi trabajo actual). Dos plataformas: EcoREP, para la trazabilidad de residuos y el cumplimiento de la Ley REP, y 0 Carbono, para medir la huella de carbono de eventos.

Mi rol

  • En 0 Carbono tomé las decisiones de diseño y construí el frontend prácticamente solo.
  • En EcoREP sumé vistas nuevas y mejoré la interfaz para que se entendiera a la primera.
  • Implementé un gestor de archivos por período: cada Excel cargado queda asignado a su período, así se revisa la trazabilidad de los residuos de cada mes.

Solución

  • Formularios de varias capas rediseñados para que el usuario los entienda al primer vistazo.
  • Manejo de estados según lo que carga el usuario: residuos pendientes, listos u homologados.
  • Gestor de archivos que organiza los Excels por período y mantiene la trazabilidad.
  • Frontend en React, Next.js y TypeScript, desplegado en Vercel.

Vistas

Mockups representativos · sin datos reales por confidencialidad

EcoREP — trazabilidad de residuos
EcoREP — trazabilidad de residuosGreensoft · EcoREP · 0 Carbono
Gestor de archivos por período
Gestor de archivos por períodoGreensoft · EcoREP · 0 Carbono
Estados de residuos
Estados de residuosGreensoft · EcoREP · 0 Carbono
0 Carbono — huella de eventos
0 Carbono — huella de eventosGreensoft · EcoREP · 0 Carbono

Aprendizajes

  • Traducir requisitos normativos (Ley REP, huella de carbono) en interfaces usables.
  • Diseñar formularios extensos y máquinas de estado que no confundan al usuario.

Resultado

Dos plataformas en producción usadas internamente por Ambientalia para procesos reales de Ley REP y huella de carbono.