Saltar al contenido
</>
Volver
Interfaces para operaciones ambientalesProducción

Proyecto profesional

GreenSoft · EcoREP · 0 Carbono

  • React
  • Next.js
  • TypeScript
  • MUI
  • RTK Query
  • REST APIs

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.

Objetivo

Traducir procesos ambientales y normativos en módulos claros para registrar, revisar y procesar información operativa.

Mi rol

  • En 0 Carbono implementé todo el frontend. Tomé como referencia el frontend de HuellaChile para la estructura y la experiencia.
  • En EcoREP participé en implementaciones de frontend sobre módulos específicos de una plataforma compartida.
  • En el dashboard de EcoREP implementé filtros múltiples: los gráficos y las tablas se generan según lo que el usuario selecciona.
  • 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.

Arquitectura y decisiones

  • Frontend modular con React, Next.js y TypeScript, componentes Material UI y estado de servidor con Redux Toolkit/RTK Query.
  • Los módulos consumen APIs REST y separan formularios, filtros, visualización y gestión de archivos.
  • 0 Carbono usa Next.js 16 y React 19 con una estructura por funcionalidades; EcoREP es una base más antigua, en Next.js 13.

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.
  • Módulos frontend en React, Next.js y TypeScript integrados a APIs y al flujo de despliegue del equipo.

Desafíos y trade-offs

  • Representar estados y requisitos normativos sin trasladar la complejidad del proceso directamente al usuario.
  • Evolucionar módulos dentro de plataformas compartidas y mantener consistencia con el trabajo del equipo.

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.