Saltar al contenido
Alberto AranaAA>_
portfolio.ts

Alberto Arana

PRINCIPAL_SOFTWARE_ENGINEER.js

Ingeniero principal en CARTO Professional Services — apps geoespaciales React/TypeScript orientadas a producto y librerías compartidas para clientes enterprise, 8+ años entregando a escala.

▸ pnpm run contactimport { resume } from './experience'
const profiles = {
  github: "github.com/aaranadev",
  linkedin: "linkedin.com/in/aaranadev"
};

Sobre mí

@ export { about } from './profile'

Soy Alberto Arana — Ingeniero de Software Principal y especialista en frontend con base sólida en backend. Mi enfoque está orientado a producto: construyo interfaces pulidas y las APIs, herramientas y arquitectura que hacen usables los productos geoespaciales para clientes reales. Disfruto las partes poco glamurosas de la ingeniería — límites claros, menos complejidad accidental y dejar el código más calmado de lo que lo encontré.

Remoto · CET (UTC+1)

En qué me enfoco

  • Entrega orientada a producto

    Partir del usuario y del outcome de negocio — entregar apps geoespaciales que resuelven un problema concreto del cliente, no plataformas abstractas por sí mismas.

  • Apps geoespaciales de cliente

    Aplicaciones React/TypeScript encima de CARTO — mapas, flujos y UX adaptados a cada engagement enterprise.

  • Librerías compartidas y arquitectura

    Paquetes reutilizables, límites de módulos y design systems que mantienen la entrega de Professional Services rápida y consistente.

  • Tipado de punta a punta

    TypeScript estricto, tipos expresivos y contratos que detectan errores antes del runtime.

  • Developer experience

    Tooling, convenciones y docs que hacen que lo correcto sea lo fácil en cada engagement.

Cómo trabajo

  • Claridad sobre ingenio

    El código se lee mucho más de lo que se escribe; optimizo para quien lee.

  • Pasos pequeños y reversibles

    Entregar en slices finos, build en verde, aprender rápido.

  • Accesibilidad y rendimiento son features

    No son afterthoughts — este sitio apunta a 100/100 en ambos.

  • Precisión serena

    Decisiones medidas, trade-offs honestos y cero drama en el pipeline.

Proyectos

# import { case_studies } from '#/lib/projects'

[case_01]

CARTO Professional Services

Apps de cliente y consultoría sobre CARTO — no la plataforma core del producto.

Problema
Los clientes de CARTO necesitan aplicaciones geoespaciales de producción adaptadas a sus datos, flujos y restricciones cloud — a menudo con plazos ajustados y madurez de equipo desigual.
Enfoque
Como tech lead en Professional Services, diseño y entrego aplicaciones React/TypeScript encima de CARTO, lidero consultoría técnica y traduzco las capacidades del producto en soluciones que encajan con la arquitectura y la UX de cada cliente.
Reto
Entregar apps fiables con mapas en stacks enterprise diversos manteniendo calidad, mentoría y alineación con las APIs de CARTO sin ser owner de la plataforma core.
Resultado
Liderazgo sostenido en roles Lead y Principal — aplicaciones de cliente en producción, patrones reutilizables entre proyectos y entrega de alto nivel para clientes de CARTO.

Diferente: Formalizaría antes el tooling compartido de PS para que cada engagement parta de la misma base probada.

  • React
  • TypeScript
  • DeckGL
  • Geoespacial
  • Professional Services
  • Consultoría
  • Apps de Cliente
  • Tech Lead
[case_02]

carto-ps-lib

CARTO Professional Services Library — monorepo de mapas React, UI, servicios y tooling para delivery de PS.

repo ↗
Problema
Los engagements de Professional Services reconstruían una y otra vez la misma UI de mapas, helpers HTTP y configs de calidad — ralentizando la entrega y desviándose de un estilo CARTO consistente.
Enfoque
Monorepo Turbo de paquetes reutilizables: mapas React con DeckGL (`@carto/ps-react-maps`), componentes React UI (`@carto/ps-react-ui`), servicios HTTP/datos, utils compartidas y style-guide (ESLint, Prettier, TypeScript) — con Storybook y docs generadas para el equipo.
Reto
Diseñar límites de paquetes útiles en muchos proyectos de cliente, mantener coherente el stack React / DeckGL, y preparar una librería privada para un open-source cercano.
Resultado
Una librería PS completa que da al equipo componentes geoespaciales, servicios y DX listos para usar, de modo que las apps CARTO modernas se entreguen más rápido y con calidad consistente.

Diferente: Publicaría antes el camino a open-source con versionado más claro y docs de adopción para contribuidores externos.

  • React
  • TypeScript
  • DeckGL
  • Vite
  • Turbo
  • Storybook
  • Autoría de Librerías
  • Monorepo
  • Geoespacial
  • DX
[case_03]

aarana.dev

Este sitio — portfolio estático bilingüe construido como un MVP de producto listo para producción.

demo ↗repo ↗
Problema
Hace falta una URL única que convierta el escaneo de un recruiter en conversación — con evidencia de craft, narrativa de carrera y vías de contacto — no un dump de plantilla.
Enfoque
Sitio estático Astro 7, content collections por locale, tokens Tailwind v4, estética terminal/IDE, Person JSON-LD, hreflang e interacciones accessibility-first (tema, dialog móvil).
Reto
Equilibrar una estética developer distintiva con claridad para recruiters no técnicos, manteniendo Lighthouse cerca de 100 y entregando EN/ES en paralelo.
Resultado
Sitio bilingüe 100% estático con bases sólidas de SEO/a11y/rendimiento — el portfolio es en sí una muestra de pensamiento de plataforma y pulido de producto.

Diferente: Añadiría métricas CASE más profundas antes y afinaría la narrativa de proyectos en torno a Professional Services.

  • Astro
  • TypeScript
  • Tailwind CSS
  • Vercel
  • Portfolio
  • i18n
  • Accesibilidad
  • Rendimiento

Stack técnico

{} import { tech_stack } from '#/lib/skills'

[module_01]

JavaScript

Experto en el ecosistema JavaScript moderno — fundamentos del lenguaje, patrones async, bundlers, testing y el tooling que permite a los equipos entregar con confianza.

  • JavaScript Moderno
  • Tooling
  • Testing
  • Rendimiento
  • Ecosistema
[module_02]

React

React es mi framework principal en el ecosistema JS — arquitectura de componentes, hooks, composición e interfaces de producción, de SPA a aplicaciones full-stack.

  • Hooks
  • Composición
  • State Management
  • SSR
  • Ecosistema
[module_03]

TypeScript

Tipado estricto, genéricos complejos e integraciones de API con seguridad de tipos en todo el stack.

  • Type-safety
[module_04]

Frameworks

Dominio de primer nivel en TanStack Router, Next.js y Astro — routing, carga de datos, SSR/SSG y elegir el framework adecuado para cada superficie de producto.

  • TanStack Router
  • Next.js
  • Astro
  • SSR
[module_05]

HTML & CSS

Experto en HTML semántico y CSS moderno — layouts responsive, interfaces accesibles y la capa artesanal sobre la que se construye todo buen frontend.

  • HTML Semántico
  • CSS Grid
  • Flexbox
  • Responsive
  • Accesibilidad
[module_06]

Node.js

Nivel medio-alto en backend — APIs REST, diseño de servicios y patrones Node.js que complementan mi trabajo frontend sin pretender ser infra-first.

  • REST APIs
  • Express
  • Microservicios
  • API Design
[module_07]

Design Systems

Librerías de componentes, gestión de tokens e implementación de UI/UX consistente a escala.

  • Tokens
  • Accesibilidad
[module_08]

Arquitectura

Experto en arquitectura de software y diseño de librerías open source — paquetes publicados, autoría de librerías y sistemas que escalan con los equipos.

  • Autoría de Librerías
  • OSS
  • DX
  • Escalabilidad
  • System Design
[module_09]

AI

Integración práctica de AI en flujos de producto — prompting, tooling agentic y features asistidas por LLM fiables sin sacrificar UX ni estándares de ingeniería.

  • Integración LLM
  • Agents
  • Prompting
  • DX
  • Product AI

Experiencia

↻ fetch('/api/career_history')

  1. Ingeniero de Software Principal

    company: "CARTO"

    2026 — Presente

    Tech lead en CARTO Professional Services — dirección técnica de aplicaciones geoespaciales de cliente orientadas a producto, mentoría a ingenieros senior y librerías compartidas que mantienen la entrega enterprise rápida y consistente.

    • Mentoría a ingenieros senior y dirección arquitectónica en engagements de PS
    • Estándares frontend reutilizables para apps construidas encima de CARTO — no la plataforma core del producto
    • Continuidad Lead → Principal con entrega orientada a producto y tooling compartido de PS
    • Mentoría
    • Arquitectura
    • Professional Services
    • Geoespacial
    • Tech Lead
    • Design Systems
    • React
    • WebGL

  2. Lead Frontend Engineer

    company: "CARTO"

    2019 — 2026

    Tech lead y engineering manager en CARTO Professional Services — escalé el equipo durante una Serie C, lideré la entrega React/TypeScript de productos geoespaciales de cliente e impulsé design systems, patrones compartidos y calidad de release en engagements enterprise.

    • Engineering manager y tech lead durante el crecimiento de la Serie C
    • Ownership de la entrega React/TypeScript de aplicaciones de cliente orientadas a producto sobre CARTO
    • Mayor calidad de release en apps geoespaciales con mapas y prácticas compartidas de PS
    • Engineering Manager
    • Tech Lead
    • TypeScript
    • Design Systems
    • React
    • WebGL

  3. Ingeniero de Software Senior

    company: "CARTO"

    2018 — 2019

    Ingeniero frontend senior durante la integración con Geographica — entregué features de alto impacto en analítica espacial para productos geoespaciales orientados a cliente, optimicé rendimiento en cargas con mapas y establecí patrones frontend que siguen apoyando la entrega.

    • Features de alto impacto en analítica espacial durante la integración con Geographica
    • Rendimiento endurecido en cargas WebGL con mapas
    • Patrones frontend que siguen apoyando la entrega de producto
    • React
    • WebGL
    • Rendimiento
    • Analítica Espacial
    • Producto

  4. Lead Frontend Engineer

    company: "Footters / Portium"

    2017 — 2018

    Tech lead en Footters y Portium — construí la UI de Footters desde cero para la cobertura en vivo de la Primera RFEF, y lideré la arquitectura de la app web de Portium con una interfaz responsive y orientada a datos para contenido deportivo.

    • Primer frontend y tech lead en un producto deportivo greenfield
    • Experiencia de cobertura en vivo rica en datos bajo restricciones de rendimiento
    • Arquitectura de la app web de Portium para superficies de contenido deportivo
    • React
    • Tech Lead
    • Greenfield
    • Sports Tech
    • Rendimiento
    • UI Architecture

Contacto

=> contact('aarana.dev')

Construyamos algo

Abierto a colaboración, revisiones de arquitectura y problemas difíciles.

githubgithub.com/aaranadevlinkedinlinkedin.com/in/aaranadev