BabyBook
App para comunicación entre guarderías y familias
Impacto
De código legacy bloqueado a app multiplataforma moderna
El reto
BabyBook había crecido orgánicamente hasta convertirse en una herramienta crítica para centros educativos, pero su base técnica era insostenible. La Asociación El Saliente necesitaba un partner que les ayudara a:
Eliminar deuda técnica crítica: Código Kotlin nativo de Android imposible de mantener, con lógica de negocio acoplada a la UI y sin separación de responsabilidades.
Expandir a iOS: Solo disponible en Android, perdiendo el 40% del mercado potencial. Duplicar el desarrollo en Swift no era viable.
Acelerar el tiempo de desarrollo: Cualquier cambio requería semanas de trabajo. La velocidad de iteración impedía responder a necesidades de los centros.
Mejorar estabilidad y experiencia: Flujos confusos, pantallas lentas y ausencia de feedback visual generaban frustración constante en educadores y familias.
El enfoque
Optamos por una reescritura completa en React Native: mismo producto, arquitectura moderna. La estrategia se centró en tres pilares fundamentales:
Migración a React Native y arquitectura escalable
Reescritura completa desde Kotlin a React Native con TypeScript, implementando arquitectura por capas (presentación, lógica, datos), separación de responsabilidades, y gestión de estado centralizada. Esto desbloqueó iOS automáticamente con una sola base de código.
Ingeniería inversa y rediseño de flujos
Análisis exhaustivo de la app existente para extraer lógica de negocio, identificar patrones de uso reales mediante sesiones con educadores, y eliminar el 30% de funcionalidades que nadie usaba. Rediseño completo de los flujos críticos de subida de fotos y comunicación con familias.
Desarrollo iterativo con validación continua
Entregas cada 2 semanas con builds de prueba para el centro piloto. Feedback directo de educadores y familias incorporado al sprint siguiente. Si algo no fluía naturalmente, se replanteaba antes de seguir.
La solución
Una plataforma multiplataforma con arquitectura moderna que mantiene toda la funcionalidad original mientras sienta las bases para crecer. Todas las decisiones respondieron al mismo principio: entregar valor inmediato mientras se construye una base técnica sostenible.
Stack moderno y multiplataforma
React Native + TypeScript para iOS y Android con una sola base de código. Arquitectura por componentes reutilizables, gestión de estado con Context API, y navegación nativa optimizada.
Velocidad de desarrollo multiplicada
Componentes modulares y reutilizables que aceleran el desarrollo de nuevas features. Lo que antes llevaba 3 semanas ahora se entrega en días. Hot reload para iteración instantánea durante desarrollo.
UX optimizada para el uso real
Subida de fotos con preview y compresión automática. Flujos reducidos de 5-6 pantallas a 2-3 pasos. Feedback visual inmediato en cada acción. Cache inteligente para funcionar sin conexión.
Infraestructura preparada para escalar
Código documentado y mantenible que cualquier desarrollador puede entender. Estructura clara que permite añadir centros, features y personalización sin tocar la base.
El impacto
Los resultados se tradujeron en capacidades concretas que antes no existían. El equipo pasó de estar bloqueado técnicamente a tener una plataforma que evoluciona al ritmo que necesitan, de una app solo Android a presencia en ambos ecosistemas móviles, y de código legacy imposible de mantener a una arquitectura que cualquier desarrollador puede entender y extender.
"Antes cada cambio era pelear con el código durante semanas. Ahora podemos iterar como necesitamos. Añadimos iOS sin duplicar el equipo. Es otro nivel."
— Director técnico, Asociación El Saliente
¿Tienes un reto similar?
Cuéntanos qué problema quieres resolver. Te decimos cómo podemos ayudar.