Experiencia Experience

Plataforma IoT con +150K usuarios y millones de eventos en tiempo real. Senior Frontend Engineer desde 2022.

IoT platform with 150K+ users and millions of real-time events. Senior Frontend Engineer since 2022.

ReactTypeScriptEChartsTanStack QueryStripe

El código es privado. Las capturas provienen de la documentación pública de Ubidots.

The codebase is private. Screenshots are from Ubidots' public documentation.

−37% tiempo de carga en dashboards
8s → 5s
dashboard load time
8s → 5s
−50% tiempo de render en widgets ECharts
30s → <15s
ECharts widget render time
30s → <15s
−60% tiempo de despliegue
50 min → 20 min
deployment time
50 min → 20 min

Billing y monetización Billing & monetization

Diseñé e implementé desde cero el sistema de pagos y suscripciones de la plataforma, integrado con Stripe. Permite a los usuarios de Ubidots crear sus propias apps y monetizarlas — definiendo planes con precios fijos o usage-based (por dispositivo, variable o mensaje), ciclos de facturación, y múltiples monedas.

Designed and built the platform's billing and subscription system from scratch, integrated with Stripe. It allows Ubidots users to create their own apps and monetize them — defining plans with fixed or usage-based pricing (per device, variable, or message), billing cycles, and multiple currencies.

El módulo cubre el flujo completo: onboarding de Stripe, gestión de planes, administración de suscripciones y registro de pagos — todo dentro de la plataforma principal.

The module covers the full flow: Stripe onboarding, plan management, subscription administration, and payment history — all within the main platform.

Ver documentación oficial View official documentation
Pantalla de onboarding de Stripe — conectar cuenta para monetizar apps con billing basado en uso
Editor de plan de billing mostrando configuración de precio por uso, ciclo de facturación y moneda
Gestión de planes — pricing usage-based por sensor
Plan management — usage-based pricing per sensor

Visualización de datos en tiempo real Real-time data visualization

Diseñé e implementé el sistema de anotaciones para los widgets de line chart: cada punto de la serie puede marcarse con una nota que referencia qué ocurrió en ese momento. El caso de uso principal es contextualizar gaps o anomalías en datos IoT — una máquina apagada, un mantenimiento programado, una lectura errónea — para que los reportes sean interpretables sin conocimiento previo del incidente.

Designed and implemented the annotation system for line chart widgets: each point on the series can be marked with a note referencing what happened at that moment. The primary use case is contextualizing gaps or anomalies in IoT data — a powered-down machine, scheduled maintenance, a faulty reading — so reports are interpretable without prior knowledge of the incident.

Además, trabajo continuo en rendimiento sobre estos widgets: reducción de tiempos de render de 30s a menos de 15s mediante migración a TanStack Query para caching y manejo de estado.

Additionally, ongoing performance work on these widgets: render time reduction from 30s to under 15s through migration to TanStack Query for caching and state management.

Ver documentación oficial View official documentation
Widget de line chart mostrando series de temperatura y velocidad de viento con sistema de anotaciones
Line chart widget — múltiples series y anotaciones en tiempo real
Line chart widget — multiple series and real-time annotations