arlenyares/controlgastos

Gestor de Gastos Personales

✨ Aplicación de Gastos - Gestor de Gastos Personales

💌 Descripción:

Esta aplicación web proporciona un gestor de gastos personales que permite a los usuarios registrar sus gastos diarios, ver el total de gastos del mes y realizar operaciones como editar y eliminar gastos. Está construida con HTML, CSS y JavaScript, con Json Server para manejar las operaciones CRUD (crear, leer, actualizar y eliminar) en la base de datos de gastos.

💥 Características:

• Registro de gastos: Los usuarios pueden ingresar la fecha, categoría y cantidad de sus gastos en un formulario y guardarlos.
• Visualización del total de gastos del mes: Se muestra el total acumulado de todos los gastos registrados en el mes actual.
• Edición de gastos: Los usuarios pueden editar la fecha, categoría y cantidad de un gasto existente.
• Eliminación de gastos: Los usuarios pueden eliminar un gasto registrado.

💻 Tecnologías utilizadas:

• HTML5
• CSS3
• JavaScript (ES6+)
• JSON SERVER (simulando apiRest)

♻️ Pasos para ejecutar la aplicación:

1. Clona este repositorio en tu máquina local: $ git clone [email protected]:ArlenyAres/controlGastos.git
2. Instala JSON Server globalmente si no lo tienes: $ npm install -g json-server
3. Inicia JSON Server para simular una API RESTful: $ json-server --watch db.json
4. Abre el archivo index.html en tu navegador web preferido.
5. Completa el formulario con la información de tu gasto y haz clic en "Guardar".
6. Verifica el total de gastos del mes y la lista de gastos registrados.
7. Para editar un gasto, haz clic en el botón "Editar" correspondiente al gasto que deseas modificar. Completa el formulario de edición y haz clic en "Guardar". 8 .Para eliminar un gasto, haz clic en el botón "Eliminar" correspondiente al gasto que deseas eliminar.

🙌 Contribuciones:**

¡Las contribuciones son bienvenidas! Si deseas contribuir a este proyecto, por favor sigue estos pasos:

1. Haz un fork del repositorio.
2. Crea una nueva rama con tu funcionalidad: $ git checkout -b feature/nueva-funcionalidad
3. Haz tus cambios y realiza los commits: $ git commit -m "Agrega nueva funcionalidad"
4. Sube tus cambios a tu repositorio: $ git push origin feature/nueva-funcionalidad
5. Crea un nuevo Pull Request en GitHub.

Autora:

[Arleny Medina] - [[email protected]] - [www.linkedin.com/in/arleny-medina-prince]