InvertSim Pro

Simulador Financiero desarrollado con JavaScript

Simulador financiero para la gestión interactiva de carteras de inversión, seguimiento de activos y análisis de rendimiento en tiempo real.

Acerca del proyecto

InvertSim Pro es una aplicación web desarrollada como proyecto final del curso de JavaScript. Permite administrar activos financieros, simular compra y venta de valores y visualizar la evolución del patrimonio mediante gráficos interactivos.

Durante el desarrollo se implementaron conceptos de programación modular, manipulación del DOM, consumo de APIs mediante Fetch, almacenamiento local con LocalStorage e integración de librerías como Chart.js y SweetAlert2.

Objetivo

Simular la gestión de una cartera de inversiones mediante una aplicación web desarrollada con JavaScript.

Tecnologías

HTML5, CSS3, JavaScript ES6, Fetch API, LocalStorage, Chart.js y SweetAlert2.

Funcionalidades

Compra y venta de activos, actualización de cotizaciones, seguimiento del patrimonio y gráficos interactivos.

Aprendizajes

Desarrollo modular, manipulación del DOM, consumo de APIs, persistencia de datos y organización del código.

🖥️ Capturas del sistema

A continuación se muestran algunas de las pantallas principales de InvestSim Pro durante su funcionamiento.

⭐ Características principales

Cotización y Mercado: Consulta de precios de activos en tiempo real mediante integración con API.
Gestión de Posiciones: Compra y venta simulada con cálculo automático de precio promedio y resultado acumulado.
Visualización Dinámica: Composición de cartera mediante gráficos de torta y evolución del patrimonio a lo largo del tiempo.
Persistencia Local: Guardado automático del estado de la cuenta en LocalStorage para mantener la sesión activa.
Control de Errores y Alertas: Feedback instantáneo y validación de operaciones con modales interactivos (SweetAlert2).

🚀 Desafíos del desarrollo

Uno de los principales desafíos fue organizar la aplicación utilizando módulos ES6 y mantener sincronizada la información entre LocalStorage, el mercado y la cartera del usuario. También fue necesario integrar librerías externas como Chart.js y SweetAlert2 para mejorar la experiencia de uso.