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.
A special personal project
I like to code in my free time, and this is a project that means a lot to me.
-
Dyna
Una herramienta para creadores de planners y agendas: sube tu diseño, define las fechas y Dyna genera automáticamente los PDFs con días, semanas y meses numerados. Sin trabajo manual, sin errores de fecha.
Ver proyecto →
Selected articles
A piece of my knowledge base
-
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.
Discover2022
-
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.
Discover2022
En público
Charlas que he dado en comunidad
-
-
Vídeo próximamente
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.