Desarrollador Full-Stack Senior · Costa Rica

EstebanRamírez

Doce años construyendo para la web. React, TypeScript y Go de día, mentoría y enseñanza siempre.

Hola, soy Esteban.

Llevo doce años construyendo software para empresas como Hewlett-Packard, TradeStation y SweetRush, desde sitios WordPress para marcas globales hasta microservicios en Go que mueven datos financieros.

Cuatro de esos años fui además profesor universitario. Enseñar Programación I a alguien que nunca ha escrito una línea de código te enseña algo que ningún framework puede: hacer que lo complejo se sienta simple. Eso llevo a cada equipo como mentor, tech lead y la persona que escribe la documentación que nadie pidió pero todos usan.

Con qué trabajo

Cuanto más grande el nombre, más profundo el dominio. Elegí cualquier tecnología para conocer su historia.

Frontend 16

Backend 10

Herramientas de IA 5

Bases de datos 3

Diseño 2

Herramientas 16

Legacy 10

Tecnologías con las que he entregado proyectos, ya fuera de mi stack diario.

CSS

Experto

Dominio del CSS moderno: custom properties, grid, flexbox, animaciones y diseño responsivo. No hace falta un framework para entregar buenos estilos.

  • Grid
  • Flexbox
  • Custom Properties
  • Animations
Documentación ↗

HTML

Experto

La columna vertebral de toda experiencia web. Dominio experto de HTML5 semántico, roles ARIA, datos estructurados y buenas prácticas de accesibilidad.

  • Semantic
  • Accessibility
  • SEO
  • Web Standards
Documentación ↗

JavaScript

Experto

El lenguaje de la web. Conocimiento experto de ES6+, patrones async/await, closures, el event loop y las APIs del DOM. Todo proyecto empieza aquí.

  • ES6+
  • Async/Await
  • DOM
  • Event Loop
Documentación ↗

React

Experto

Framework de UI principal. Dominio profundo de hooks, context, patrones de rendimiento y arquitectura de componentes en múltiples aplicaciones en producción.

  • Hooks
  • Context
  • JSX
  • Performance
Documentación ↗

SASS

Experto

Preprocesador CSS con variables, mixins, anidamiento y funciones. Caballo de batalla del estilado en Hangar en decenas de sitios de clientes.

  • Mixins
  • Variables
  • Nesting
  • Functions
Documentación ↗

Tailwind CSS

Experto

Framework CSS utility-first que acelera la implementación de sistemas de diseño. Usado en TradeStation y en proyectos personales recientes, incluido este portafolio.

  • Utility Classes
  • JIT
  • Design System
  • Responsive
Documentación ↗

TypeScript

Experto

JavaScript con tipado seguro. Uso diario en TradeStation y SweetRush para construir bases de código escalables y mantenibles, con tipado estricto y soporte completo del IDE.

  • Types
  • Generics
  • Interfaces
  • Decorators
Documentación ↗

Adapt Learning

Avanzado

Framework open-source de e-learning responsivo. Herramienta central por más de 4 años en SweetRush creando cursos HTML5 con componentes, temas y extensiones a medida.

  • E-learning
  • SCORM
  • Components
  • Theming
Documentación ↗

GSAP

Avanzado

El estándar de oro de la animación web. Usado en Hangar en sitios de campaña de clientes, y detrás de las animaciones de scroll y reveal de este portafolio.

  • Timelines
  • ScrollTrigger
  • Tweens
  • Morphing
Documentación ↗

Next.js

Avanzado

Framework full-stack de React. Usado en TradeStation y SweetRush para server-side rendering, generación estática y API routes en apps en producción.

  • SSR
  • SSG
  • App Router
  • API Routes
Documentación ↗

Redux

Avanzado

Contenedor de estado predecible para React. Usado con Redux Toolkit para manejar estado complejo en múltiples proyectos de nivel empresarial.

  • State Management
  • RTK
  • Thunks
  • Selectors
Documentación ↗

Styled-Components

Avanzado

CSS-in-JS con estilos a nivel de componente. Usado en TradeStation para mantener un design system grande con temas dinámicos y estilos por props.

  • CSS-in-JS
  • Theming
  • Dynamic Styles
  • React
Documentación ↗

Vue.js

Avanzado

Framework de componentes con un elegante sistema reactivo. Usado en producción con Vuex para el manejo de estado y Vue Router para navegación SPA.

  • Composition API
  • Vuex
  • Vue Router
  • SFCs
Documentación ↗

WCAG

Avanzado

Pautas de accesibilidad web aplicadas a nivel WCAG 2.1 AA en los proyectos de SweetRush, incluyendo soporte de lectores de pantalla y navegación por teclado.

  • A11y
  • ARIA
  • Keyboard Nav
  • Screen Readers
Documentación ↗

Astro

Intermedio

Framework de arquitectura de islas para sitios de contenido. Con él está construido este portafolio, aprovechando View Transitions para una navegación fluida.

  • Islands
  • View Transitions
  • SSG
  • MPA
Documentación ↗

Material-UI

Intermedio

Librería de componentes Material Design para React. Experiencia construyendo interfaces ricas en datos y personalizando el sistema de temas para cada marca.

  • Components
  • Theming
  • MUI v5
  • React
Documentación ↗

Node.js

Avanzado

Runtime de JavaScript para el servidor. Usado académicamente y en algunos proyectos de SweetRush para tooling de build, scripts y servicios ligeros.

  • Express
  • REST APIs
  • npm
  • Microservices
Documentación ↗

PHP

Avanzado

Lenguaje de scripting del lado del servidor usado extensamente en Hangar para temas de WordPress, plugins a medida e integraciones con APIs REST.

  • Server-Side
  • WordPress
  • OOP PHP
  • REST APIs
Documentación ↗

REST API

Avanzado

Estilo arquitectónico para sistemas distribuidos. Experiencia diaria consumiendo y diseñando APIs REST, incluyendo feeds de datos financieros en TradeStation.

  • HTTP
  • JSON
  • Authentication
  • OpenAPI
Documentación ↗

WordPress

Avanzado

El CMS más popular del mundo. Más de 20 sitios de clientes en Hangar y varios más en SweetRush, con temas y plugins a medida y optimización en Pantheon.

  • Themes
  • Plugins
  • WP-CLI
  • Gutenberg
Documentación ↗

Django

Intermedio

Framework web de Python de alto nivel. Experiencia construyendo APIs REST con Django REST Framework y sistemas de contenido basados en el admin.

  • DRF
  • ORM
  • Admin
  • Auth
Documentación ↗

Go

Intermedio

Lenguaje compilado y tipado, hecho para rendimiento y concurrencia. Lo uso actualmente en TradeStation en servicios backend financieros de alto rendimiento.

  • Goroutines
  • Channels
  • REST APIs
  • Concurrency
Documentación ↗

Java

Intermedio

Lenguaje orientado a objetos que enseñé durante cuatro años en la Universidad Castro Carazo en Programación I-III y Estructuras de Datos, con patrones OOP clásicos.

  • OOP
  • JVM
  • Design Patterns
  • Teaching
Documentación ↗

Laravel

Intermedio

Framework PHP elegante y expresivo. Experiencia construyendo aplicaciones MVC, APIs REST y modelado de datos limpio con Eloquent ORM.

  • MVC
  • Eloquent ORM
  • Artisan
  • Blade
Documentación ↗

Python

Intermedio

Lenguaje versátil de scripting usado para procesamiento de datos, tareas de automatización y como base de aplicaciones web con Django.

  • Scripting
  • Data
  • Automation
  • OOP
Documentación ↗

C#

Familiar

El lenguaje tipado de Microsoft. Usado en HP para herramientas .NET de automatización, y hoy en TradeStation migrando aplicaciones legacy C# ASP.NET a Go y React.

  • OOP
  • .NET
  • ASP.NET
  • LINQ
Documentación ↗

Claude Code

Experto

CLI agéntica de Anthropic, de uso diario para planificar, implementar en varios pasos, depurar y revisar mi propio trabajo antes de publicarlo.

  • Agentic CLI
  • Planning
  • Code Review
Documentación ↗

Cursor

Experto

Editor de código con IA nativa, mi herramienta diaria. Lo uso para refactors grandes, cambios multi-archivo y para moverme rápido en código que no conozco.

  • AI Editor
  • Pair Programming
  • Refactoring
Documentación ↗

GitHub Copilot

Experto

Autocompletado y chat con IA dentro del IDE, de uso diario para sugerencias en línea, arreglos rápidos y mantener el flujo sin salir del editor.

  • Autocomplete
  • IDE
  • Chat
Documentación ↗

ChatGPT

Avanzado

Mi opción para investigar, depurar en voz alta y redactar, la uso seguido junto a las herramientas específicas de código cuando un problema necesita otro ángulo.

  • Research
  • Debugging
  • Writing
Documentación ↗

Gemini

Intermedio

Asistente de Google, de uso ocasional para investigar y como segunda opinión al contrastar respuestas de otros modelos.

  • Research
  • Second Opinion
Documentación ↗

MySQL

Avanzado

La base de datos relacional open-source más popular. Usada en muchos proyectos para modelado de datos, optimización de consultas y migraciones de esquema.

  • Relational
  • Queries
  • Schema Design
  • Indexes
Documentación ↗

PostgreSQL

Intermedio

Potente base de datos objeto-relacional open-source. Preferida para proyectos nuevos por JSONB, búsqueda full-text e indexación avanzada.

  • JSONB
  • Full-Text Search
  • Extensions
  • ACID
Documentación ↗

SQL Server

Intermedio

La base de datos relacional empresarial de Microsoft. Experiencia con stored procedures, vistas y optimización de consultas en entornos complejos.

  • T-SQL
  • Stored Procs
  • Enterprise
  • SSMS
Documentación ↗

Figma

Avanzado

La herramienta de diseño estándar de la industria. Dominio de design systems, componentes, auto-layout y handoff a desarrollo. Puente entre diseño y código.

  • Components
  • Auto-Layout
  • Prototyping
  • Dev Handoff
Documentación ↗

Photoshop

Intermedio

El editor de imágenes de Adobe. Usado en Hangar y SweetRush para optimizar assets, retocar imágenes y crear gráficos web para proyectos de clientes.

  • Image Editing
  • Asset Export
  • Compositing
  • Web Graphics
Documentación ↗

Git

Experto

Sistema de control de versiones y herramienta diaria. Experto en estrategias de branching, rebase, resolución de conflictos y flujos colaborativos.

  • Version Control
  • Branching
  • Rebase
  • Workflows
Documentación ↗

GitHub

Experto

La casa del open-source. Experto en pull requests, code review, GitHub Actions, reglas de protección de ramas y flujos de colaboración en equipo.

  • Pull Requests
  • Actions
  • Code Review
  • Open Source
Documentación ↗

JSON

Experto

El formato universal de intercambio de datos. Ubicuo en el diseño de APIs, archivos de configuración y almacenamiento, y esencial en toda aplicación web moderna.

  • Data Format
  • APIs
  • Config
  • Serialization
Documentación ↗

npm

Experto

El gestor de paquetes de Node.js. Herramienta diaria para gestionar dependencias, ejecutar scripts y trabajar con el registro de software más grande que existe.

  • Package Manager
  • Scripts
  • Registry
  • Semver
Documentación ↗

GitLab

Avanzado

Plataforma DevOps con CI/CD integrado. Usada en varias empresas para merge requests, pipelines automatizados y gestión de repositorios self-hosted.

  • CI/CD
  • Pipelines
  • Merge Requests
  • DevOps
Documentación ↗

JIRA

Avanzado

Gestión de proyectos estándar para equipos ágiles. Uso experto de sprints, refinamiento de backlog, seguimiento de épicas y flujos de trabajo a medida.

  • Agile
  • Sprints
  • Backlog
  • Boards
Documentación ↗

Scrum

Avanzado

Marco ágil de desarrollo iterativo. Participante activo en dailies, sprint planning, refinamiento de backlog, retrospectivas y demos.

  • Agile
  • Sprints
  • Standups
  • Retrospectives
Documentación ↗

yarn

Avanzado

Gestor de paquetes rápido y confiable. Usado en proyectos que requieren instalaciones deterministas, workspaces o resolución de dependencias más veloz.

  • Package Manager
  • Workspaces
  • PnP
  • Lock File
Documentación ↗

Bitbucket

Intermedio

La solución Git de Atlassian, integrada con JIRA. Experiencia gestionando repositorios y pull requests en entornos empresariales del stack Atlassian.

  • Git
  • Atlassian
  • JIRA Integration
  • Pipelines
Documentación ↗

Docker

Intermedio

Plataforma de contenedores para entornos consistentes y reproducibles. Experiencia con Docker Compose para stacks locales y despliegues en contenedores.

  • Containers
  • Docker Compose
  • Images
  • DevOps
Documentación ↗

Netlify

Intermedio

Plataforma moderna de hosting para sitios estáticos y JAMstack. Experiencia con despliegue continuo, manejo de formularios y funciones serverless.

  • Hosting
  • CI/CD
  • JAMstack
  • Edge Functions
Documentación ↗

Pantheon

Intermedio

Plataforma WebOps para WordPress y Drupal. Usada en Hangar para gestionar entornos de clientes, despliegues, optimización y flujos dev/test/live.

  • WebOps
  • WordPress
  • Environments
  • CDN
Documentación ↗

Vercel

Intermedio

Plataforma de despliegue optimizada para Next.js. Usada para deploys zero-config con edge network, entornos de preview y funciones serverless.

  • Hosting
  • Edge Network
  • Serverless
  • Next.js
Documentación ↗

Vite

Intermedio

Build tool de nueva generación con HMR ultrarrápido. Bundler de cabecera para proyectos modernos de React y Vue; mejora radicalmente la experiencia de desarrollo.

  • Build Tool
  • HMR
  • ESM
  • Rollup
Documentación ↗

Webpack

Intermedio

El bundler clásico de JavaScript. Experiencia configurando loaders, plugins, code splitting y pipelines de build a medida para aplicaciones empresariales.

  • Bundler
  • Loaders
  • Code Splitting
  • Optimization
Documentación ↗

Hubspot

Familiar

Plataforma CRM y de marketing. Experiencia creando plantillas y módulos del CMS de HubSpot e integraciones de automatización usando HubL.

  • CMS
  • CRM
  • Templates
  • HubL
Documentación ↗

Bootstrap

Avanzado

Framework CSS clásico para desarrollo rápido de UI. Experiencia sólida construyendo layouts responsivos y personalizando componentes para proyectos de clientes.

  • Grid System
  • Components
  • Utilities
  • Responsive
Documentación ↗

Gulp.js

Avanzado

Toolkit de automatización por streams. Herramienta principal de build en Hangar para compilar SASS, minificar assets y automatizar flujos de desarrollo.

  • Task Runner
  • Streams
  • Automation
  • Build Pipelines
Documentación ↗

jQuery

Avanzado

La librería que definió una era de la web. Usada extensamente en Hangar y SweetRush para manipulación del DOM, animaciones y plugins en sitios de clientes.

  • DOM
  • Ajax
  • Plugins
  • Animations
Documentación ↗

Less

Intermedio

Preprocesador CSS de la era previa a la consolidación de SASS. Usado en SweetRush manteniendo y extendiendo bases de código Less en proyectos legacy de clientes.

  • Preprocessor
  • Variables
  • Nesting
  • Legacy
Documentación ↗

Sketch

Intermedio

Herramienta de diseño vectorial, el estándar antes de Figma. Experiencia traduciendo archivos Sketch a implementaciones web pixel-perfect.

  • Vector
  • Symbols
  • Plugins
  • Export
Documentación ↗

Visual Basic

Intermedio

VB.NET y VBA de la etapa en HP: automatización con macros de Excel y apps .NET de reportería que agilizaron flujos de ventas e inventario.

  • VB.NET
  • VBA
  • Excel Macros
  • .NET
Documentación ↗

Zeplin

Intermedio

Herramienta de handoff diseño-desarrollo. Usada para extraer espaciados, colores y assets precisos para implementaciones pixel-perfect.

  • Handoff
  • Specs
  • Assets
  • Collaboration
Documentación ↗

Drupal

Familiar

CMS open-source empresarial. Experiencia en Hangar manteniendo y extendiendo sitios Drupal de clientes alojados en Pantheon.

  • CMS
  • Modules
  • Theming
  • Pantheon
Documentación ↗

GruntJS

Familiar

Task runner de JavaScript usado en configuraciones legacy para automatizar tareas repetitivas como minificación y compilación de CSS.

  • Task Runner
  • Automation
  • Legacy
  • Config-Based
Documentación ↗

SVN

Familiar

Sistema de control de versiones centralizado. Usado en SweetRush en proyectos legacy de clientes que aún no migraban a flujos basados en Git.

  • Version Control
  • Centralized
  • Legacy
  • Commits
Documentación ↗

Dónde he estado

  1. Septiembre 2024 — Actualidad

    TradeStation

    Ingeniero de Software Senior

    • Mejoro la funcionalidad del software identificando y resolviendo problemas técnicos complejos.
    • Mentoreo a desarrolladores junior, impulsando su crecimiento profesional y la productividad del equipo.
    • Desarrollo aplicaciones escalables con metodologías ágiles para entregar proyectos a tiempo.
    • Contribuyo a la migración de aplicaciones legacy en C# ASP.NET a tecnologías modernas como Go y React, mejorando rendimiento, mantenibilidad y escalabilidad.
    • React
    • TypeScript
    • Go
    • C#
    • ASP.NET
    • Git
    • Agile
  2. Octubre 2019 — Junio 2024

    SweetRush

    Tech Lead / Ingeniero Web

    • Desarrollé sitios web responsivos y usables aplicando JavaScript, estilos a medida y buenas prácticas de HTML.
    • Mentoreé a desarrolladores junior en reuniones uno a uno, guiándolos en buenas prácticas, estándares de código y crecimiento profesional.
    • Gestioné múltiples proyectos simultáneos manteniendo plazos estrictos y altos estándares de calidad.
    • Desarrollé soluciones de e-learning HTML5 con React y los frameworks de Adapt Learning.
    • React
    • JavaScript
    • HTML5
    • CSS3
    • SASS
    • Wordpress
    • Adapt Learning
    • Git
    • Jira
    • Scrum
  3. Septiembre 2019 — Diciembre 2023

    Universidad Castro Carazo

    Profesor

    • Impartí cursos como Programación I, II y III, Estructuras de Datos, Análisis y Diseño de Sistemas y Arquitectura de Computadores.
    • Usé distintos modos de aprendizaje y tecnologías para involucrar a los estudiantes en el logro de los objetivos del curso.
    • Aumenté la relevancia de los cursos incorporando ejemplos del mundo real y casos de estudio.
    • JavaScript
    • React
    • Vue.js
    • Java
    • PHP
    • Laravel
    • C++
    • Git
    • Arduino
  4. Abril 2015 — Septiembre 2019

    Critical Mass LATAM (antes Hangar)

    Desarrollador Web Intermedio

    • Desarrollé soluciones front-end: diseño responsivo, funcionalidad JavaScript, estilos, plantillas y estructuras HTML desde cero, siguiendo buenas prácticas.
    • Especialista de contenido y desarrollador para el equipo de Nissan USA.
    • Desarrollador front-end para el equipo de Ketchum.
    • HTML5
    • CSS3
    • SASS
    • JavaScript
    • jQuery
    • GSAP
    • Wordpress
    • Bootstrap
    • Webpack
    • Gulp
    • Git
  5. Enero 2013 — Marzo 2015

    Hewlett-Packard

    Analista de Reportes / Desarrollador

    • Desarrollé macros de Excel y aplicaciones .NET para automatización de procesos.
    • Creé, gestioné y analicé reportes de ventas e inventario para socios internos y externos.
    • VB.net
    • C#
    • SQL Server
    • Excel

En sus palabras

Any task assigned to Esteban would be executed with precision and delivered on time, always meeting the highest standards of quality. Project teams frequently requested his involvement, knowing that Esteban's presence would ensure the success of their initiatives.

Michael (Misha) MilshteinManager directo en SweetRush · 2024

He also is a great teammate, having taught many developers at SweetRush the art and science of Javascript coding. He was the lead software engineer on a variety of SweetRush projects, and was instrumental in getting them built right and delivered successfully.

John CleaveColega senior en SweetRush · 2024
Leelas en LinkedIn ↗

Trabajo seleccionado

Plataforma de Migración Legacy

2024 · En curso

Migración de un monolito C# a gran escala hacia una arquitectura de microservicios en Go + React en TradeStation. Incluye diseño de API gateway, estrategia de rollout incremental y despliegues sin downtime.

  • Reduje la latencia de API un 40% en los servicios migrados
  • Diseñé la estrategia de migración incremental con feature flags
  • Construí una librería de componentes compartida usada por 3 equipos
  • Go
  • React
  • TypeScript
  • Docker
  • PostgreSQL

Portafolio Personal

2026 · En producción

Portafolio y currículum one-page bilingüe (EN/ES), construido con Astro, GSAP ScrollTrigger y scroll suave con Lenis. El hero corre una escena personalizada en canvas 2D con terminal que escribe, trazas de circuito que crecen y texto de partículas. Incluye tema claro/oscuro dual y accesibilidad WCAG AA con fallback completo de movimiento reducido.

  • Escena del hero en canvas 2D con terminal que escribe, trazas de circuito que crecen y texto de partículas, sin WebGL ni librerías
  • Coreografía de scroll con GSAP y fallback completo de movimiento reducido
  • Bilingüe EN/ES con sistema de tema claro/oscuro dual en OKLCH

Formación

  • Abril 2018

    Bachillerato Universitario · Informática Empresarial

    Universidad De Costa Rica — San Ramón, Costa Rica

    Profesor asistente en varios cursos, como Programación I y II.

  • Diciembre 2015

    English Now · Certificado de Idioma

    Centro Cultural Costarricense Norteamericano — San José, Costa Rica

    Dominio intermedio del idioma: escritura y conversación por encima del 85%.

Hablemos

Si estás contratando, construyendo algo, o solo querés hablar de código, mi correo está abierto.