La ingeniería detrás de Anto
Arquitectura full-stack, IA conversacional y mensajería en tiempo real pensadas para un uso fiable en el día a día.
React Native (Expo) → Express.js / Socket.IO → MongoDB → OpenAI GPT-5.4 MiniStack tecnológico en producción
Librerías y servicios que impulsan la app móvil Anto, la API y este sitio web.
Frontend móvil
- React NativeiOS + Android · código compartido
- Expo SDKEAS Build · OTA updates
- TypeScriptTipado estricto en toda la app
- React NavigationStack + tabs nativos
- Socket.IO ClientEventos bidireccionales <2.5s
- Expo NotificationsPush APNs / FCM
Frontend web
- Next.js 14App Router · SSR/SSG
- React 18Server + Client Components
- TypeScript 5tsc --noEmit en CI
- CSS design tokensVariables · dark mode
- Service WorkersPWA offline-first
- socket.io-clientSync con backend en vivo
Backend
- Node.jsRuntime LTS · APIs JSON
- Express.jsMiddleware chain · REST
- MongoDB + MongooseEsquemas · índices de chat
- Socket.IORooms por usuario · heartbeat
- WinstonLogs estructurados JSON
- SentryTrazas de error en producción
IA y datos
- OpenAI GPT-5.4 MiniChat completions · streaming
- Pipeline de promptsContexto + tono clínico-práctico
- Análisis de sentimientoPre-filtro antes del LLM
- Detección de crisisPatrones + Twilio / SendGrid
- RedisCaché de sesión y respuestas
- i18n backendRespuestas ES/EN según locale
Seguridad
- JWT + refreshSesiones con expiración
- bcryptCost factor 12 en passwords
- Helmet.jsCSP · HSTS · XSS
- JoiValidación de payloads API
- DOMPurifySanitización de inputs
- Rate limitingAnti-abuso por IP y usuario
DevOps e integraciones
- GitHub ActionsCI: lint · type-check · build
- VercelSitio web Next.js · preview branches
- RenderAPI Node.js · auto-deploy desde Git
- Mercado PagoSuscripciones in-app
- SendGridEmails transaccionales
- TwilioWhatsApp/SMS en crisis
- ESLint + PrettierEstilo unificado en monorepo
Arquitectura en capas
Cinco capas desacopladas: clientes móvil y web, API Node.js con WebSockets, pipeline de IA con contexto de sesión, y persistencia MongoDB + Redis. Cada capa tiene políticas propias de escalado y seguridad.
Cliente móvil
React Native + Expo (EAS Build). Estado local con AsyncStorage, navegación con React Navigation, cliente Socket.IO para eventos en tiempo real.
Cliente web
Next.js 14 App Router, TypeScript estricto, CSS con design tokens, PWA con Service Workers y rutas i18n ES/EN.
API y tiempo real
Node.js + Express.js: REST JSON, middleware de seguridad (Helmet, rate limit), WebSockets con Socket.IO y logging estructurado (Winston).
Capa de IA
OpenAI GPT-5.4 Mini vía API REST: prompts con contexto de sesión, historial en MongoDB y análisis de sentimiento previo a cada respuesta.
Persistencia
MongoDB + Mongoose (documentos de usuario, chat, suscripciones). Redis para caché de sesión y colas de respuesta frecuentes.
Desafíos Técnicos y Soluciones
Rendimiento en Tiempo Real
Desafío: Procesar y responder conversaciones en tiempo real con baja latencia.
Solución: Implementación de WebSockets con Socket.IO, caché con Redis, y optimización de queries a la base de datos.
Seguridad y Privacidad
Desafío: Garantizar la privacidad total de conversaciones sensibles sobre salud mental.
Solución: Encriptación end-to-end, autenticación JWT, headers de seguridad, y cumplimiento GDPR/HIPAA.
Multiplataforma
Desafío: Mantener consistencia entre iOS, Android y Web.
Solución: React Native para móvil, código compartido, y diseño responsive para web.
Integración con IA
Desafío: Integrar GPT de forma eficiente y con contexto emocional.
Solución: Sistema de prompts optimizados, caché de respuestas comunes, y análisis de sentimiento previo.
Escalabilidad
Desafío: Escalar para manejar millones de usuarios y conversaciones.
Solución: Arquitectura modular, bases de datos distribuidas, CDN, y auto-scaling en la nube.
Experiencia de Usuario
Desafío: Crear una interfaz intuitiva y accesible para todos los usuarios.
Solución: Diseño centrado en el usuario, testing constante, accesibilidad WCAG, y feedback continuo.
Métricas de Desarrollo
Pipeline de construcción
Del monorepo a producción (Vercel web · Render API · EAS · GitHub Actions)
Planificación y Diseño
Análisis de requisitos, diseño de arquitectura, wireframes y prototipos. Definición de stack tecnológico y estructura de base de datos.
- Diseño de arquitectura del sistema
- Prototipado de UI/UX
- Definición de APIs
- Planificación de sprints
Desarrollo del Backend
Implementación de APIs RESTful, integración con servicios de IA, sistema de autenticación y autorización, y configuración de base de datos.
- API REST con Express.js
- Integración con GPT-5.4 Mini
- Sistema de autenticación JWT
- Encriptación end-to-end
- WebSockets para tiempo real
Desarrollo del Frontend
Desarrollo de la aplicación móvil con React Native y del sitio web con Next.js, implementando PWA y optimizaciones de rendimiento.
- Aplicación móvil multiplataforma
- Sitio web responsive
- PWA con Service Workers
- Optimizaciones de rendimiento
- Animaciones y microinteracciones
Integración y Testing
Integración de todos los componentes, pruebas unitarias, de integración y de usuario. Optimización de rendimiento y seguridad.
- Testing unitario y de integración
- Pruebas de seguridad
- Optimización de rendimiento
- Testing de carga
- Corrección de bugs
Despliegue y Monitoreo
Despliegue en producción, configuración de CI/CD, monitoreo de errores y rendimiento, y actualizaciones continuas.
- Sitio web en Vercel (Next.js)
- API en Render (Node.js)
- CI/CD con GitHub Actions
- Monitoreo con Sentry
- Analytics y métricas
- Actualizaciones continuas
Desarrollador Principal
Marcelo Ull Marambio
Ingeniero full-stack: React Native/Expo, Next.js, Node.js, MongoDB, Socket.IO e integraciones OpenAI en productos de salud mental en producción.
¿Preguntas sobre el stack?
Para consultas técnicas, integraciones o colaboración en infraestructura, escríbeme.