Desarrollador full-stack y diseñador (solo) · Producto personal · 2024–2026
spendsage
Una app completa de finanzas personales con una capa de IA que se encarga de lo tedioso: categorizar, interpretar y resumir tu dinero.
El reto
SpendSage es una app de gestión financiera personal para registrar ingresos y gastos, planificar pagos recurrentes y programados, y convertir transacciones en una imagen clara mediante dashboards y reportes. Construida como producto real y desplegada en producción.
La mayoría de apps de finanzas personales son demasiado simples para servir, o tan tediosas que la gente las abandona. La entrada manual de datos y la categorización matan el hábito. El objetivo fue una app financiera completa y rápida que elimina esa fricción: poner la IA a trabajar en lo aburrido (categorizar, interpretar, resumir) mientras un dashboard limpio convierte las transacciones en decisiones.
El enfoque
- Arquitectura full-stack sobre Next.js (App Router) + TypeScript, con Prisma ORM sobre PostgreSQL y Clerk para la autenticación.
- Type-safe de punta a punta: React Hook Form + Zod para validación, TanStack Query para datos y Zustand para estado global ligero.
- Modelo de datos diseñado en torno a Transacciones, Programaciones de Pago e Ítems de Pago para manejar pagos recurrentes y planificados con limpieza.
- Reportes financieros en tiempo real con Recharts y Chart.js, y un dashboard como vista única de las finanzas del usuario.
- Shadcn UI + Tailwind CSS para una interfaz rápida, consistente y accesible.
- Una capa de IA construida sobre Claude de Anthropic, expuesta mediante rutas de API dedicadas para categorización, interpretación de transacciones, insights y resúmenes de reportes.
Cómo aprovecho la IA
Uso Claude como parte central de mi flujo de trabajo, y sé cómo sacarle el máximo. Con él exploro el código, genero boilerplate y refactorizo de forma segura, lo que me permitió entregar features y refactorizaciones unas 5× más rápido que con un flujo tradicional en solitario, sin ceder el control sobre la arquitectura ni la calidad. Así trabajo hoy: un experto que aprovecha la IA, de la arquitectura a la entrega.
Funciones de IA entregadas
- Categorización de transacciones
- Interpretación de transacciones en lenguaje natural
- Insights financieros
- Resúmenes de reportes
Stack técnico
- Next.js
- Tailwind CSS
- PostgreSQL
- Prisma
- Clerk
¿Tienes un proyecto así?
Diseño y lanzo productos web completos, con dominio de la IA. Hablemos.
Agenda una llamada