Fullstack

Finance App

Plataforma de finanzas personales para registrar y categorizar transacciones y visualizar gastos con gráficos interactivos. Construida con Next.js 14, PostgreSQL, Prisma y Stripe.

Finance App

Sobre el proyecto

Finance App es una plataforma de finanzas personales que reúne el control del dinero en un solo lugar: registra transacciones, categoriza ingresos y gastos y convierte los datos en un panel analítico, con un plan premium por suscripción.

El problema

Llevar las finanzas personales suele terminar en planillas tediosas de mantener y difíciles de leer. El objetivo fue un único lugar donde registrar movimientos sea rápido y los números se entiendan de un vistazo.

La solución

  • Gestión completa de transacciones: crear, editar, eliminar, filtrar y buscar.
  • Panel analítico con gráficos interactivos de ingresos, gastos e inversiones.
  • Categorización inteligente que cubre vivienda, transporte, comida, salud, educación, salario y más.
  • Plan premium por suscripción con checkout de Stripe y estado manejado por webhooks.

Arquitectura y stack

La app corre en Next.js 14 (App Router) con React 18, Tailwind CSS y shadcn/ui, usando Recharts para la visualización y TanStack Table para las tablas de transacciones. Los formularios se validan con React Hook Form y Zod.

Los datos viven en PostgreSQL accedidos vía Prisma, con server actions para las mutaciones. La autenticación usa Clerk y los pagos Stripe, con webhooks firmados que mantienen sincronizado el estado de la suscripción.

Código y propiedad

El código fuente es público y se distribuye bajo licencia MIT; este proyecto forma parte del portafolio y puede inspeccionarse y ejecutarse localmente.

Stack

  • Next.js
  • React
  • TypeScript
  • PostgreSQL