Volver al inicio

Gastos App

Frontend · Backend API · Mobile First

Finalizado
Gastos App

Gastos de Pareja es una aplicación web progresiva (PWA, instalable) pensada para llevar el control de los gastos mensuales en pareja de forma sencilla y desde el móvil.

El proyecto consta de un frontend en React + TypeScript y un backend en Laravel, trabajando sobre una API REST.

  • Frontend: Vite, React 19 y TypeScript, con estilos en Tailwind CSS v4 y diseño mobile-first. PWA instalable con service worker y soporte offline básico.
  • Backend: API REST en Laravel 13 con autenticación por tokens mediante Sanctum y base de datos MySQL.
  • Autenticación: registro y login de usuarios con token Bearer, con cada usuario vinculado a su pareja.
  • Gestión de pareja: creación de pareja con código de invitación para unirse (máximo 2 integrantes).
  • Gestión de gastos: alta, edición y borrado de gastos con categorías, fecha y pagador, siempre acotados a la pareja del usuario autenticado.
  • Dashboard mensual: total del mes, media diaria, gastos por usuario y por categoría, comparativa con el mes anterior y tendencia de 6 meses.
  • Reparto compartido: porcentajes de reparto configurables por mes, guardados en la API y sincronizados entre ambos dispositivos.
  • Seguridad y validación: validación por request en Laravel, rutas protegidas y datos siempre aislados por pareja.
  • Tests: suite de pruebas en PHPUnit para cubrir la lógica de la API.

El frontend consume la API a través de un proxy en desarrollo y de VITE_API_URL en producción, donde la aplicación queda desplegada como PWA sobre hosting estático.

Tecnologías
React Laravel PWA TypeScript Tailwind CSS REST API Vite MySQL

Galería del proyecto

Gastos App - Galería 1
Gastos App - Galería 2
Gastos App - Galería 3
Gastos App - Galería 4
Gastos App - Galería 5