María Morán
Frontend engineer especializada en interfaces complejas. He construido desde organigramas editables con miles de nodos hasta whiteboards con IA integrada — productos donde el frontend no es decoración, sino el núcleo del producto. Me muevo bien en la intersección entre arquitectura, producto y experiencia de usuario.
- Typescript, Javascript
- CSS, HTML
- React
- Testing
Dónde aporto más valor
-
Interfaces de alta complejidad
Tengo experiencia construyendo productos donde el frontend es el problema difícil: editores visuales, herramientas colaborativas, integraciones con IA. Sé cómo estructurar esto para que escale y se pueda mantener.
-
Arquitectura frontend con criterio
Aplico principios de arquitectura hexagonal y system design al frontend. No solo escribo componentes: pienso en capas, dependencias y cómo el código va a evolucionar.
-
Product engineering
Me involucro más allá del ticket. Cuestiono requisitos, propongo soluciones, pienso en el usuario.
Un proyecto personal especial
Me gusta programar en mi tiempo libre, y este es un proyecto que significa mucho para mí.
-
Dyna
Web app que convierte el diseño de un planner en un PDF listo para imprimir en minutos, con las fechas correctas para cualquier año. Nace de un problema muy concreto que viví durante años como creadora de mis propios planners.
Ver proyecto →
Artículos seleccionados
Una parte de mi base de conocimiento
-
BEM: la metodología que le pone orden al caos de tus clases CSS
Introducción práctica a BEM (Block, Element, Modifier), la convención de nomenclatura CSS desarrollada por Yandex. El artículo explica la lógica detrás del sistema, muestra su sintaxis con ejemplos reales y argumenta por qué adoptar una convención de nombres tiene un impacto directo en la mantenibilidad y escalabilidad de los proyectos frontend.
Leer2022
-
CSS Custom Properties: por qué las variables nativas son más poderosas de lo que crees
Artículo que va más allá de la introducción básica a las CSS Custom Properties. En lugar de presentarlas como un simple reemplazo de las variables de Sass, el artículo argumenta que son un mecanismo de comunicación en tiempo de ejecución — entre CSS y JavaScript, entre componentes y su contexto — y muestra patrones concretos que un preprocesador no puede replicar.
Leer2022
En público
Charlas que he dado en comunidad
Cómo trabajo
No entro a un proyecto a implementar tickets. Entiendo el producto, entiendo la arquitectura y diseño soluciones reales para usuarios reales.
-
1. Entiendo antes de tocar
Antes de escribir una línea, analizo la arquitectura existente, las dependencias y dónde está el dolor real. Un buen diagnóstico evita soluciones que crean problemas nuevos.
-
2. Diseño para que escale
Organizo el código en capas con responsabilidades claras, aplicando principios de arquitectura hexagonal y system design. El objetivo es que dentro de un año el código siga siendo mantenible.
-
3. Testeo lo que importa
Escribo tests como parte del diseño, no como afterthought. Me interesa la cobertura estratégica: testear comportamiento, no implementación.
-
4. Pienso en el producto
Si algo no tiene sentido para el usuario, lo digo. Me involucro más allá del ticket — cuestiono requisitos, propongo alternativas y tengo en cuenta el impacto real de lo que construyo.
¿Construyendo algo con interfaces complejas? Hablemos.