ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

Inspiration

En México es muy fácil decir que sí a una compra: "meses sin intereses", varias tarjetas y un límite de crédito que parece dinero disponible. El problema no es una compra; es que nadie te muestra cómo se acumulan con las demás. Te enteras cuando llega el corte y no te alcanza.

Queríamos una herramienta que responda a la pregunta antes de pasar la tarjeta: ¿me conviene, y qué le pasa a mi dinero si lo hago? Además, sin pedirte las contraseñas del banco ni el número de tu tarjeta.

What it does

No te endeudes es una app de salud financiera personal, en pesos mexicanos, que se instala en el celular.

¿Me conviene? Pones el monto y las tarjetas y plazos que te ofrece la tienda. La app compara contado, crédito y cada plazo de meses sin intereses, y los ordena por el que te deja mejor. Te dice cuánto pagarías al mes, cuánto te queda libre y cuánto cambia tu score. Ejemplo: una laptop de $15,000 a 12 MSI con BBVA son $1,250 al mes. Te quedan $7,000 libres y tu score pasa de 80 a 61. Un score que se puede abrir. Tu salud financiera va de 0 a 100 y se divide en cuatro partes, cada una con su peso: liquidez, deuda, uso de tus tarjetas y flujo de dinero. Cuando baja, ves qué parte cambió. Qué pagar primero. Si tienes varias tarjetas, te dice cuál pagar antes y cuánto interés te ahorras. ¿Qué ya pasó? Muestra los cargos que ya debieron cobrarse para que los confirmes de un toque, así tu saldo real deja de ser una suposición. Lo que pagas siempre. Separa la renta, la luz y las suscripciones. Un recibo bimestral de $900 cuenta como $450 al mes en tus obligaciones, pero se cobra completo el mes que toca. IA: Lee tu estado de cuenta en PDF y llena los datos de tu tarjeta; tú los revisas antes de guardarlos. Explica en español claro qué deuda pagar primero y el análisis de una compra. Privacidad por diseño: nunca pide el número de tu tarjeta y no se conecta a tu banco.

How we built it

Frontend: React 18 + TypeScript + Vite, con Tailwind CSS v4, React Router, Recharts para las gráficas y Lucide para los iconos. PWA: vite-plugin-pwa (manifest, Service Worker e iconos para Android e iOS), desplegada en Vercel. Backend: una API en Python que calcula el score, las simulaciones de compra y la prioridad de deuda [confirmar framework, p. ej. FastAPI, y base de datos]. IA: Gemini [confirmar modelo], llamado solo desde el backend. Ahí también se leen los PDF y se validan los datos extraídos. Modo demo: una cuenta con un año de tarjetas, gastos fijos y movimientos. Además hay un motor que replica los cálculos en el navegador, para que la app funcione aunque el servidor no esté disponible. Diseño: la interfaz es neutra y el color fuerte (verde, ámbar o rojo) solo aparece cuando tus números lo indican.

Challenges we ran into

La API key expuesta: al principio el front llamaba a Gemini directamente y la key terminaba dentro del bundle, visible para cualquiera con las herramientas de desarrollador. Movimos las tres funciones de IA al backend y el navegador ya no ve la key. Una caché que se mezclaba entre cuentas: guardábamos las respuestas de la IA para no pagarlas dos veces, pero la clave de una misma compra era igual en cualquier cuenta, así que un usuario podía ver el análisis de otro. Lo resolvimos atando la caché a la sesión y borrándola al entrar o salir. Modelar cómo se paga de verdad: fechas de corte y de pago, meses sin intereses, gastos bimestrales y qué parte del límite de crédito es dinero real. Hacer que el score reflejara todo eso y siguiera siendo explicable costó varias iteraciones. La IA no debe decidir sola: leer un PDF bancario no siempre es exacto. Decidimos que la extracción solo llena el formulario y que lo que se guarda es lo que el usuario revisó y confirmó. Mantener dos motores sincronizados: el backend y el motor de la demo tienen que dar los mismos números. iOS: Safari maneja los iconos y el modo standalone distinto de Android, así que tuvimos que adaptar los iconos para cada plataforma.

Accomplishments that we're proud of

Un simulador que contesta una pregunta real en segundos: "¿me conviene y cómo lo pago?", con números concretos y no con consejos genéricos. Un score que se explica solo: no es una caja negra. Cosas que decidimos no hacer, presentadas como parte del producto: sin número de tarjeta y sin conexión al banco. IA útil y segura: ahorra captura, pero el usuario siempre tiene la última palabra. Una demo lista para probar sin registrarse y una app que se instala en Android y iPhone.

What we learned

En Vite, cualquier variable VITE_* es pública: los secretos van en el servidor, siempre. Las finanzas personales tienen muchos casos borde (cortes, MSI, pagos bimestrales), y la confianza se gana mostrando de dónde sale cada número. La IA funciona mejor como asistente que llena formularios y explica, no como algo que decide sin supervisión. Menos pantallas y menos color hacen que la información importante destaque.

What's next for No te endeudes

Recordatorios antes de la fecha de corte y de pago, con notificaciones de la PWA. Metas de ahorro y simulaciones a más largo plazo (por ejemplo: "si pago esta tarjeta, ¿en cuánto tiempo salgo?"). Más bancos y formatos de estado de cuenta para la lectura con IA. Pruebas con usuarios reales para calibrar los pesos del score. Modo sin conexión más completo, para consultar tu situación sin internet. Contenido de educación financiera ligado a tus propios números, no genérico.

Built With

• api
• css
• fastapi
• gemini
• python
• react
• tailwind
• typescript
• vercel
• vite
• vite-plugin-pwa