HarpeBlue

Frontend Software Engineer

Harold Peñaloza

Construyo interfaces rápidas y expresivas para productos complejos.

Frontend Software Engineer con 5 años de experiencia construyendo interfaces B2B SaaS con React, dashboards complejos, componentes de design system e infraestructura de pruebas frontend.

Experiencia

Frontend real en producción

Trabajo real de producto en interfaces React, dashboards, migraciones de design system, infraestructura de testing y code review.

Ubidots S.A.S.

Desarrollador Frontend

2021-02 - 2026-04
Colombia / Remoto

Construí y mantuve funcionalidades frontend en React dentro de una plataforma IoT B2B SaaS.

  • Reduje el tiempo del pipeline de pruebas frontend de aproximadamente 2 horas a 30 minutos liderando la migración de Jest a Vitest.
  • Lideré la migración frontend del módulo de Organizations al design system interno Vulcan UI, entregando de forma independiente, con pruebas y sin bugs críticos en producción.
  • Creé y mantuve componentes reutilizables para Vulcan UI, ayudando a estandarizar interfaces dentro de la plataforma.
  • Realicé code reviews constantes para mejorar mantenibilidad, prevenir problemas de producción y alinear el código con estándares del equipo.
ReactJavaScriptTypeScriptstyled-componentsReduxReact QueryJestVitestReact Testing LibraryCypressWebpackRspack

Trabajo seleccionado

Proyectos con prueba real

Una selección pequeña de proyectos que muestran ejecución frontend, sistemas visuales, documentación y flujos prácticos de desarrollo.

Activo

harpeblue.dev

Portfolio profesional construido como sitio rápido y estático para presentar experiencia frontend, proyectos e identidad visual HarpeBlue.

  • Construido con Astro para priorizar performance, SEO, mantenibilidad y despliegue estático.
  • Usa HarpeBlue Signal como dependencia real de design system en vez de recrear patrones visuales localmente.
AstroTypeScriptCSSHarpeBlue Signal

Activo

HarpeBlue Signal

Sistema de identidad visual agnóstico a frameworks, construido con tokens CSS, temas, utilidades y ejemplos.

  • Crea una base visual reutilizable para proyectos HarpeBlue sin depender de un framework frontend específico.
  • Incluye playground público y ejemplos de documentación usando CSS puro y tooling ligero con JavaScript.
CSSDesign TokensJavaScriptGitHub Pages

Prototipo

Omarchy / Terminal Lab Cheatsheets

Concepto de cheatsheets técnicas usando el estilo visual Terminal Lab de HarpeBlue Signal.

  • Explora consulta rápida y documentación legible de comandos para flujos Linux y desarrollo.
  • Funciona como semilla para una futura plataforma pública de cheatsheets.
HTMLCSSHarpeBlue SignalLinux

Skills

Capacidades frontend

Tecnologías y prácticas agrupadas por cómo aparecen en trabajo frontend real: UI de producto, flujos de datos, testing, tooling y sistemas.

Frontend

ReactJavaScriptTypeScriptHTMLCSSstyled-components

Estado y Datos

ReduxContext APIReact QueryFormik

Testing

JestVitestReact Testing LibraryCypress

Tooling

WebpackRspackGitGitHubnpm

UI Systems

Design systemsResponsive UIDashboardsComponentes reutilizables

Workflow

Code reviewMigraciones frontendLinuxDesarrollo asistido por IA

Contacto

Construyamos algo rápido y memorable.

Abierto a roles remotos como Frontend Software Engineer enfocados en React, UI de producto, design systems, testing y flujos de desarrollo asistidos por IA.