PROJECT: SIMULADOR DE HIPOTECAS 360
Calculadora de hipotecas progresiva con visualización de amortización, comparación de escenarios con pagos extra, y gráficos interactivos. Funciona offline como PWA instalable.
OVERVIEW
Simulador financiero completo que permite calcular hipotecas con diferentes configuraciones: pagos mensuales/anuales extra, amortización anticipada inicial, y múltiples frecuencias de pago. Incluye 5 tipos de gráficos interactivos (saldo, capital/interés, acumulado, composición de cuota, e impacto de pagos extra), tabla de amortización exportable a CSV, gestión de hasta 50 escenarios guardados, modo oscuro/claro, y es instalable como app nativa en móvil/escritorio.
ARCHITECTURE
Frontend Vanilla JS modularizado con ES6 Modules. Arquitectura de 5 módulos: state.js (gestión de estado + localStorage), mortgageCore.js (cálculos financieros puros), ui.js (manipulación DOM + validación), charts.js (integración Chart.js), main.js (orquestación). PWA con Service Worker para caché offline. Seguridad implementada: sanitización XSS, validación de inputs con límites, manejo centralizado de errores con notificaciones toast
STACK
OUTCOME
App financiera funcional, instalable como PWA en Android/iOS/Desktop. Funciona completamente offline. Permite a usuarios simular y comparar escenarios de hipoteca, visualizar el impacto de pagos extra, y exportar datos. Sin dependencias de backend - todo se procesa y almacena localmente en el dispositivo del usuario.