Loading repository data…

calcular-finanzas GitHub Details, Stars and Alternatives | OpenRepoFinder

MagdaIG / repository

calcular-finanzas

Aplicación web interactiva para calcular ingresos, gastos y ahorro mensual. Desarrollada con HTML, CSS, JavaScript, Bootstrap y Chart.js. Permite ingresar datos como ingresos, renta, comida y transporte, y genera un resumen visual del balance financiero mensual, incluyendo gráficos y alertas de déficit o ahorro.

#app-web#chartsjs#css#html#interactivo#javascript

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

41/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

App Finanzas Personales

Aplicación web desarrollada con fines educativos para calcular el ahorro mensual según los ingresos y gastos personales. Este proyecto fue creado como ejercicio dentro de un módulo de bootcamp Javascript.

Funcionalidades

Ingreso personalizado de ingresos, renta, comida y transporte
Cálculo automático de gastos totales y ahorro mensual
Visualización gráfica en formato doughnut usando Chart.js
Interfaz responsiva y moderna utilizando Bootstrap
Validación de datos de entrada
Opción de reiniciar el cálculo con un solo clic

Estructura del Proyecto

El proyecto sigue una estructura clara y organizada, ubicada en una carpeta raíz:

/assets

├── /css

│ └── styles.css # Estilos personalizados

├── /js

│ └── script.js # Lógica principal en JavaScript

index.html # Página principal de la aplicación README.md # Documentación del proyecto

Instrucciones de Instalación y Ejecución

Descarga o clona este repositorio en tu computador.
Abre la carpeta del proyecto con tu editor de código preferido (por ejemplo, VSCode o WebStorm).
No es necesario instalar ninguna dependencia adicional, ya que es una aplicación frontend simple basada en HTML, CSS, JavaScript y Bootstrap.
Para ejecutar la app, simplemente abre el archivo index.html en tu navegador.

No se requiere servidor ni conexión a base de datos.

Funcionalidades Principales

Permite ingresar ingresos mensuales y gastos en renta, comida y transporte.
Calcula automáticamente el total de gastos y el ahorro mensual.
Muestra un resumen visual de los datos ingresados mediante tarjetas (cards) y un gráfico tipo doughnut con Chart.js.
Formatea los valores en pesos chilenos (CLP) para facilitar la lectura.
Indica si existe ahorro o déficit financiero.
Ofrece la opción de realizar un nuevo cálculo con un solo clic.
Interfaz moderna, intuitiva y completamente responsiva.

Tecnologías Utilizadas

HTML5: Para estructurar el contenido de la aplicación.
CSS3 y Bootstrap 5: Para el diseño visual, responsividad y estilos predefinidos.
JavaScript (ES6): Para la lógica de negocio, validaciones y manipulación del DOM.