💎 SimplySpend: Finance Elite Dashboard con Next.js 15, Tailwind 4 & SimplyAI

💎 SimplySpend — Finance Elite Dashboard (Next.js 15 + Tailwind 4)

Experiencia Financiera Inmersiva con Gamificación y Audio ASMR

SimplySpend es un dashboard de finanzas personales de alto rendimiento diseñado con una estética Cyber-Glass en modo oscuro. Combina seguimiento de presupuestos en tiempo real, efectos de sonido ASMR táctiles, visualizaciones dinámicas de datos y el asistente SimplyAI Advisor, un consejero con personalidad que reacciona a los hábitos de gasto del usuario.

• 💻 Repositorio GitHub: github.com/Alecwce/SimplySpend (Privado)
• 📄 Licencia: MIT | Runtime: Bun + Next.js 15 | Testing: Vitest + Playwright

---

✨ Características Elite del Proyecto

flowchart TD
    User([👤 Usuario]) <--> UI["🎨 Cyber-Glass Dashboard\n(Next.js 15 + Tailwind 4)"]
    UI --> Sound["🔊 Sistema de Audio ASMR\n(Clicks, Monedas, Deletes)"]
    UI --> Charts["📊 Gráficos Interactivos\n(Area & Donut con Skeleton Loaders)"]
    UI --> AI["🤖 SimplyAI Advisor\n(Análisis y Reacciones en Streaming)"]
    UI --> Goals["🎉 Bóveda de Metas\n(Celebración con Micro-Confeti)"]
    UI --> Store["⚡ Estado Global con Zustand\n(Persistencia Atómica)"]

1. Diseño Cyber-Glass Aesthetic:
   • Gradientes neón esmeralda y violeta sobre fondo carbón profundo, desenfoques en tiempo real (backdrop-blur-xl) y bordes luminosos ultra-finos.
2. Sistema de Audio Táctil ASMR:
   • Sonidos de feedback locales y ligeros que acompañan cada interacción: clics metálicos de botones, sonido de monedas al ahorrar y chasquido al eliminar transacciones.
3. SimplyAI Advisor:
   • Asistente de inteligencia artificial con tono sarcástico y agudo que analiza en tiempo real si tus gastos en ocio o delivery superan los límites saludables.
4. Bóveda de Metas y Micro-Confeti:
   • Animaciones orquestadas con canvas-confetti y framer-motion al completar hitos de ahorro mensual.
5. Testing Exhaustivo:
   • Cobertura de lógica financiera crítica con Vitest y pruebas end-to-end automatizadas de flujos de usuario con Playwright.

---

🛠️ Stack Tecnológico

Módulo	Tecnología	Rol
Framework Base	Next.js 15 (App Router & Server Components)	Renderizado híbrido de alto rendimiento
Estilos & Tokens	Tailwind CSS v4	Sistema de tokens y utilidades modernas
Runtime & Bundler	Bun	Instalación y ejecución ultrarrápida
Gestión de Estado	Zustand	Estado global reactivo para presupuestos y transacciones
Animaciones	Framer Motion + Canvas Confetti	Físicas de resorte y celebraciones
Testing	Vitest + Playwright	Pruebas unitarias y de extremo a extremo

---

🧭 Conexiones Internas

• MOC Proyectos Privados
• Portfolio v2 en Next.js 15
• RYŪKAMI Store (Glassmorphism)