De una hoja de Excel a una app React Native en producción. Asistente financiero potenciado por IA, construido con Expo, Supabase y automatización inteligente.
De Excel a App Móvil en Producción
“Y pensar que todo empezó con una hoja de Excel…”
Año nuevo, nuevos objetivos de ahorro, nuevos presupuestos… Así comenzó todo. Una plantilla de Excel compartida para el seguimiento semanal de gastos se convirtió en la oportunidad perfecta para finalmente sumergirme en el desarrollo móvil.
La historia del origen
Cuando María Sugasaga compartió su plantilla de Excel para control de gastos, vi la oportunidad de transformar una hoja de cálculo en una app móvil nativa - y finalmente explorar el desarrollo React Native que había estado posponiendo.
¿Por qué React Native? Toma de Decisiones Técnicas
Después de evaluar diferentes frameworks móviles, React Native ganó por ventajas técnicas clave:
Eficiencia de Desarrollo
- Base de código única para iOS y Android (~90% de código compartido)
- Hot Reloading para iteración rápida durante el desarrollo
- Rendimiento casi nativo a través de arquitectura de componentes nativos
Ecosistema y Flexibilidad
- Ecosistema maduro de librerías y herramientas
- JSI (JavaScript Interface) para operaciones de bajo nivel
- Flexibilidad para integrar módulos nativos para optimizaciones específicas de plataforma
De React a React Native
Como desarrollador interesado en React para web, saltar a React Native fue un desafío técnico estimulante. La transición aprovecha el conocimiento existente de React mientras abre capacidades de desarrollo móvil.
El Poder de Expo y Supabase
Expo: Desarrollo Móvil Simplificado
Incorporamos Expo como nuestra plataforma de construcción, lo que nos permitió:
- Acelerar el desarrollo sin configuraciones nativas complejas
- Pruebas rápidas usando Expo Go durante el desarrollo
- APIs nativas preconfiguradas para funcionalidades comunes
- Builds en la nube optimizadas para ambas plataformas
Supabase: Solución Backend Completa
Para el backend, elegimos Supabase como nuestra plataforma todo-en-uno:
Sistema de Autenticación
- Implementación de autenticación robusta y segura
- Soporte para login social y email/password
Edge Functions
- Funciones serverless para lógica de negocio
- Integración de IA para análisis de gastos
- Procesamiento de datos en tiempo real
Base de Datos PostgreSQL
- Todos los datos de la aplicación almacenados en infraestructura de nivel producción
- Modelado de datos relacional para transacciones y categorías
- Row Level Security (RLS) integrado
Capacidades en Tiempo Real
- Sincronización de datos en vivo entre dispositivos
- Actualizaciones instantáneas sin polling
Implementación de Arquitectura Limpia
Implementé una arquitectura limpia con clara separación de responsabilidades:
├── Capa UI (Componentes React Native)
├── Lógica de Negocio (Hooks Personalizados y Servicios)
└── Persistencia de Datos (Cliente Supabase y Edge Functions)Esta arquitectura asegura:
- Mantenibilidad a medida que crece el código base
- Testabilidad de la lógica de negocio
- Escalabilidad para futuras funcionalidades
Impacto Real en Usuarios
| Métrica | Impacto | Feedback de Usuarios |
|---|---|---|
| Ahorro mensual promedio | +20% | “Finalmente veo a dónde va mi dinero” |
| Tiempo gestionando finanzas | -75% | “No más actualizaciones manuales en Excel” |
| Visibilidad de gastos | 100% | “Transparencia financiera completa” |
| Adherencia al presupuesto | +60% | “Las alertas me mantienen en el camino” |
El problema real resuelto
Las apps de finanzas tradicionales muestran datos pero no ayudan a tomar decisiones. CoinPi va más allá: analiza, recomienda y aprende de tus hábitos usando IA.
Inteligencia Potenciada por IA
Recomendaciones Personalizadas
La IA analiza patrones de gasto y proporciona:
- Recomendaciones específicas para tu situación financiera
- Acciones concretas basadas en datos reales, no consejos genéricos
- Insights de comportamiento para mejorar hábitos financieros
Análisis Automático de Gastos
- Categorización inteligente de transacciones
- Aprendizaje de tus patrones para etiquetado automático
- Detección de anomalías para gastos inusuales
Capacidades Futuras (En Desarrollo)
- Predicción de gastos futuros
- Objetivos de ahorro con seguimiento automático
- Alertas inteligentes para patrones de gasto inusuales
- Integración bancaria para sincronización automática de transacciones
Stack Técnico en Profundidad
Frontend (Móvil)
- Framework: React Native + Expo
- Lenguaje: TypeScript
- Gestión de Estado: React Context + Custom Hooks
- Componentes UI: Sistema de diseño personalizado
Backend (Serverless)
- Plataforma: Supabase
- Funciones: Edge Functions (runtime Deno)
- API: RESTful + Suscripciones en tiempo real
- Integración IA: OpenAI GPT-4 para análisis
Base de Datos
- Tipo: PostgreSQL (vía Supabase)
- ORM: Supabase Client Library
- Seguridad: Row Level Security (RLS)
DevOps
- CI/CD: Expo Application Services (EAS)
- Deployment: Builds automatizadas para iOS y Android
- Monitorización: Supabase Analytics + Logging personalizado
Próximos Desafíos Técnicos
Integración Segura con APIs Bancarias
- Implementación de conexiones bancarias compatibles con PSD2
- OAuth 2.0 para autorización segura
- Sincronización de transacciones con bancos españoles
Optimización de Rendimiento
- Reducción del tamaño del bundle para cargas más rápidas de la app
- Code splitting para funcionalidades de carga diferida
- Optimización de imágenes y estrategias de caché
Funcionalidades Avanzadas de IA
- Modelos ML para predicción de gastos
- Motor de recomendaciones personalizado
- Algoritmo de puntuación de salud financiera
Proyecto colaborativo
Este proyecto se está desarrollando en colaboración con María Sugasaga como parte de mi exploración técnica en desarrollo móvil, fintech e integración de IA.
Filosofía de Desarrollo
Este proyecto encarna varios principios clave:
- Desarrollo ágil con mejoras iterativas
- Integración de IA para experiencias de usuario inteligentes
- Aprendizaje continuo y expansión de habilidades
- Resolución de problemas del mundo real sobre ejercicios teóricos
Conecta conmigo
¿Interesado en React Native, fintech o integración de IA? Me encantaría conectar con otros desarrolladores para discutir enfoques técnicos, optimizaciones y mejores prácticas.
Estado Actual
- App móvil: Completa y en uso activo
- Versión web: En desarrollo
- Integración bancaria: Fase de planificación
- Mejoras de IA: Mejoras continuas
