Frontend Software Engineer

Harold Peñaloza

Construyo interfaces rápidas y expresivas para productos complejos.

Interfaces de producto, design systems, testing y la ingeniería que hay detrás.

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.

Disponible para roles frontend remotos Granada, Meta, Colombia

02 / Historial en producción

Trabajo frontend que cambió el sistema.

Cinco años dentro de un producto IoT B2B SaaS complejo: entregando interfaces React, migrando fundamentos, mejorando el feedback de pruebas y ayudando al equipo a trabajar con más confianza.

Ubidots S.A.S.

Desarrollador Frontend

Febrero de 2021 — abril de 2026 Colombia / Remoto

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

Contribuciones seleccionadas

  1. Reduje el tiempo del pipeline de pruebas frontend de aproximadamente 2 horas a 30 minutos liderando la migración de Jest a Vitest.
  2. 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.
  3. Creé y mantuve componentes reutilizables para Vulcan UI, ayudando a estandarizar interfaces dentro de la plataforma.
  4. Realicé code reviews constantes para mejorar mantenibilidad, prevenir problemas de producción y alinear el código con estándares del equipo.

Toolkit de producción

  • React
  • JavaScript
  • TypeScript
  • styled-components
  • Redux
  • React Query
  • Jest
  • Vitest
  • React Testing Library
  • Cypress
  • Webpack
  • Rspack

03 / Sistemas seleccionados

Proyectos con una razón para existir.

Una selección compacta de proyectos que muestran ingeniería de producto local-first, criterio visual, documentación y flujos prácticos para desarrollo.

Activo

Synapse Loom

Espacio local-first para notas y aprendizaje que convierte Markdown en conocimiento conectado y repasos con repetición espaciada.

  • Comparte una superficie de producto en React 19 y TypeScript entre una PWA instalable y el cliente de escritorio con Tauri, respaldada por lógica de dominio reutilizable en Rust.
  • Ejecuta SQLite en WebAssembly sobre OPFS para conservar datos locales y funcionar offline, con sincronización y Spaces compartidos opcionales en lugar de un muro de registro.
  • React 19
  • TypeScript
  • Rust
  • WebAssembly
  • SQLite
  • PWA

Activo

harpeblue.com

Portfolio profesional rápido, bilingüe y static-first para presentar experiencia frontend, evidencia e identidad HarpeBlue en evolución.

  • Construido con Astro para priorizar performance, SEO, mantenibilidad y despliegue estático.
  • Tiene un sistema visual local compacto y una arquitectura de contenido bilingüe sin runtime de aplicación en el cliente.
  • Astro
  • TypeScript
  • CSS
  • HTML accesible

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.
  • CSS
  • Design Tokens
  • JavaScript
  • GitHub Pages

04 / Matriz de capacidades

Cómo abordo el trabajo frontend.

Las herramientas importan, pero la señal útil está en dónde aparecen: UI de producto, datos, testing, tooling y sistemas reutilizables.

  1. UI de producto

    Interfaces responsive y patrones reutilizables de producto.

    • React
    • JavaScript
    • TypeScript
    • HTML
    • CSS
    • styled-components

  2. Estado y Datos

    Estado predecible en cliente y datos asíncronos de producto.

    • Redux
    • Context API
    • React Query
    • Formik

  3. Testing

    Feedback rápido desde componentes hasta flujos completos en navegador.

    • Jest
    • Vitest
    • React Testing Library
    • Cypress

  4. Tooling

    Sistemas de build y fundamentos cotidianos de ingeniería.

    • Webpack
    • Rspack
    • Git
    • GitHub
    • npm

  5. Sistemas de UI

    Consistencia en interfaces complejas que siguen evolucionando.

    • Design systems
    • UI responsive
    • Dashboards
    • Componentes reutilizables

  6. Workflow

    Cambios comprensibles, revisables y más seguros.

    • Code review
    • Migraciones frontend
    • Linux
    • Desarrollo asistido por IA

Canal abierto

Tráeme la interfaz que necesita claridad.

Estoy abierto a roles remotos como Frontend Software Engineer centrados en React, UI de producto, design systems, testing y flujos cuidadosos asistidos por IA.

Disponibilidad
Disponible para roles frontend remotos
Ubicación
Granada, Meta, Colombia
Perfiles profesionales
harpeblue.com