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.