Divvy

Divvy es una aplicación web moderna y Progressive Web App (PWA) diseñada para simplificar la gestión de gastos grupales, viajes compartidos y cuentas del día a día. A diferencia de soluciones tradicionales, Divvy combina una interfaz limpia con herramientas inteligentes como la lectura de tickets por IA, notificaciones en tiempo real y un potente algoritmo de optimización de deudas para asegurar que las cuentas estén claras con el mínimo esfuerzo.

Propósito y Casos de Uso

La plataforma resuelve el dolor de cabeza de llevar cuentas en grupo, adaptándose a múltiples situaciones cotidianas:

• Viajes en Grupo: Registro centralizado de comidas, alojamientos y actividades con reparto proporcional u equitativo.
• Pisos Compartidos: Gestión de facturas recurrentes de alquiler, luz, internet y compras comunes de forma mensual.
• Eventos y Cenas: División rápida y al instante de cuentas puntuales sin necesidad de complicadas hojas de cálculo.

Features Principales

1. Simulador Interactivo de Gastos (Divvy Simulator)

La landing page cuenta con un simulador interactivo que muestra el funcionamiento del algoritmo de reparto en tiempo real. Utilizando animaciones fluidas con GSAP, los usuarios pueden añadir miembros ficticios y ver cómo se simplifican las deudas automáticamente mediante vectores visuales.

2. Entrada de Gastos Asistida por IA (NLP)

Divvy permite añadir gastos escribiendo texto natural (por ejemplo, “Pablo pagó 25€ por la pizza y Ana debe 10€”). El parser analiza la cadena utilizando inteligencia artificial y rellena los campos del gasto automáticamente para reducir la fricción en la entrada de datos.

3. Escáner de Tickets con OCR

Integración de escaneo de recibos mediante procesamiento de imágenes. Los usuarios pueden subir una foto de su ticket y la aplicación detectará los conceptos e importes automáticamente para su posterior asignación por ítems.

4. Notificaciones Push y PWA

Al estar diseñada como una PWA (Progressive Web App), la aplicación se puede instalar en dispositivos móviles y de escritorio. Utiliza el protocolo Web-Push para notificar al instante sobre nuevos gastos añadidos, liquidaciones realizadas o recordatorios de deudas pendientes.

Infraestructura Técnica

El stack tecnológico de Divvy ha sido seleccionado para proporcionar una experiencia de usuario rápida y offline-first:

• Frontend & Backend: Next.js 16 (App Router) y React 19, aprovechando la renderización híbrida (SSR/ISR) y Server Actions para una comunicación ultra-eficiente.
• Estilos y UI: TailwindCSS v4 para un sistema de diseño moderno con un rendimiento óptimo y variables nativas CSS.
• Base de Datos: MongoDB junto a Mongoose como ORM, estructurando las relaciones entre usuarios, grupos, gastos y notificaciones.
• Animaciones: GSAP (GreenSock) y ScrollTrigger para crear micro-interacciones, transiciones de FAQ y animaciones de flujo de deudas de aspecto premium.
• Notificaciones: Protocolo de push nativo cifrado con llaves VAPID utilizando la librería web-push.

Diseño y UX Premium

El diseño visual de Divvy sigue directrices modernas utilizando una estética minimalista “Glassmorphic”. El fondo presenta blobs de gradiente ambiental que flotan suavemente en colores terracota y verde oliva (sage), proporcionando profundidad sin sobrecargar el procesador del dispositivo. Cada interacción táctil y transición de pantalla ha sido optimizada para emular la fluidez de una aplicación móvil nativa.