Cargo Electric
Startup de logística eléctrica · Chile
Plataforma operacional desde cero
Asumí el rol de Product Owner y Full-Stack Engineer — definí el producto, diseñé la arquitectura y escribí cada línea de código en producción.
El problema que resolvemos
Cargo Electric opera una flota de camiones eléctricos de reparto urbano — y lo gestionaba todo con Google Sheets dispersos, sin visibilidad en tiempo real y con facturación calculada a mano cada período.
- Sheets sin conexión entre sí — datos duplicados y desincronizados
- Sin visibilidad del estado de la flota en tiempo real
- Facturación manual propensa a errores por período
- Imposible escalar sin multiplicar la carga operativa
De Sheets dispersos a operación en tiempo real
Antes
- ✕Múltiples Google Sheets sin conexión entre sí
- ✕Actualización manual, propensa a errores y duplicados
- ✕Sin visibilidad en tiempo real del estado de la flota
- ✕Facturación calculada a mano por período
- ✕Imposible escalar sin multiplicar la carga operativa
Ahora
- ✓Una sola plataforma para toda la operación
- ✓Datos en tiempo real desde Firestore
- ✓Analítica operacional con KPIs y tendencias históricas
- ✓Facturación automatizada con modelo de precios del cliente
- ✓Arquitectura escalable lista para nuevos clientes
La app hoy
Cuatro módulos que cubren el ciclo completo: desde el registro del movimiento diario hasta la analítica y la facturación automatizada.
Resumen Diario — operación completa en tiempo real
Consolida toda la actividad mensual de la flota conectado directamente a Firestore. Muestra en tiempo real el estado de cada camión, las rutas del día y los KPIs del período.
- 5 vistas: General, Día, Flota (heatmap), Camión y Semana
- KPIs mensuales: monto total, presupuesto, desviación y rutas
- Gráfico de tendencia diaria vs presupuesto configurable
- Selector de período histórico sin recargar la página
Dashboard Operacional — tiempos y cuellos de botella
Panel de métricas con filtros por período, camión y conductor. Identifica automáticamente el segmento operativo de mayor impacto y entrega una recomendación.
- 6 KPIs: rutas, destinos, ciclo promedio, km, CO₂ y costo/km
- Gráfico de barras por segmento operativo con comparativa UULL
- Drill-down por waypoint al hacer clic en cualquier segmento
- Exportación a PDF ejecutivo con gráfico y drill-down incluidos
Gestión de Rutas — registro del movimiento diario
Tabla completa con todas las columnas operativas: guía, estado, turno, tipo de carga, origen, destino, conductor, camión, hora y tarifa.
- Creación, edición inline y eliminación con confirmación
- Cambio de estado y turno directamente desde la tabla
- Filtros por rango de fechas y columnas configurables
- Carga masiva desde Excel para importar múltiples rutas
Proformas — del registro a la factura en un flujo
Carga rutas completadas desde Firestore o desde Excel, las agrupa por camión y calcula montos según la matriz de precios activa del cliente.
- Agrupación automática por camión con IVA 19% calculado
- Cards expandibles para revisar y corregir ruta a ruta
- Excel fiel al formato de referencia del cliente con fórmulas incluidas
- Flujo completo: carga → revisión → descarga en una sola pantalla
Gestión de la flota y los actores
Páginas dedicadas para crear y editar cada entidad del sistema. Los cambios de estado se propagan en tiempo real a los módulos de operación y analítica.
Puntos de destino
154 puntos de destino con código, nombre y estado. Un local inactivo desaparece de la asignación de rutas sin perder historial.
Hitos del desarrollo
Desde el primer commit hasta el estado actual, cada fase incorporó nuevas capacidades sobre una base sólida y real.
Dashboard de Analítica
Primer dashboard analytics con KPIs, gráficos Recharts y drill-down por camión, junto con el rebrand inicial a la identidad de Cargo Electric.
Sistema de Facturación / Proformas
Módulo completo de billing: generación de proformas con el modelo de precios del cliente, filtros por fecha, flujo de aprobación y exportación a Excel.
Refinamiento de Rutas y exportación a Excel
Ordenamiento multinivel, formato de montos, actualización de tarifas 2026, exportación de proformas a Excel y segunda versión del heatmap de operación por camión.
Administración: Locales, Camiones y Usuarios
Páginas CRUD dedicadas para gestionar los 154 puntos de destino, la flota de 14 camiones y los conductores/administradores del sistema.
Resumen Diario dinámico
Nueva vista de Resumen Diario con matriz camiones × días, vista móvil dedicada y chart de desviación vs presupuesto configurable por período.
Identidad de marca, uplift visual y seguridad
Implementación de la identidad visual de Cargo Electric en toda la app, rediseño de navegación, y parches de seguridad CRITICAL/HIGH sobre producción.
Nuevo modelo operacional
Diseño e implementación del nuevo modelo de datos operacional, con wizard de migración de rutas legacy y corrección de búsqueda histórica.
Stack y arquitectura
Stack técnico en producción: capas de usuario, aplicación Next.js con App Router, base de datos Firestore en tiempo real y exportaciones generadas en el cliente.
Frontend
Next.js 16
App Router
React 19
Server + Client
TypeScript
strict mode
shadcn/ui + Tailwind v4
Módulos de la app
Analítica
KPIs · heatmap · tendencias
Rutas
CRUD · filtros · estados
Facturación
Proformas · billing
Administración
Flota · conductores
Backend & datos
Firebase Auth
autenticación + roles
Firestore
base de datos en tiempo real
Vercel
deploy + hosting
Exportaciones
ExcelJS
proformas y rutas
jsPDF
reportes ejecutivos
Recharts
gráficos interactivos
¿Quieres saber más sobre este proyecto?
Diseñé y construí esta plataforma de principio a fin — arquitectura, base de datos, UI y lógica de negocio. Si tienes un problema similar o quieres conversar sobre el proceso, escríbeme.
Miguel Gil Urbina