Create README.md

README.md

@@ -0,0 +1,40 @@
+# Administrador de Presupuesto 💰
+
+Una herramienta interactiva desarrollada en JavaScript puro para gestionar tus gastos y controlar tu presupuesto de manera efectiva. Inspirado en el curso de JavaScript del profesor Juan Pablo De la Torre Valdez.
+
+## Características Principales
+
+- **Añadir Gastos:** Permite añadir gastos y ver el monto restante del presupuesto.
+- **Eliminar Gastos:** Posibilidad de eliminar gastos específicos del listado.
+- **Cálculo del Presupuesto Restante:** Actualización automática del presupuesto restante al añadir o eliminar gastos.
+- **Alertas Dinámicas:** Mensajes de alerta para informar sobre la adición de gastos, errores en la entrada de datos y agotamiento del presupuesto.
+- **Cambio de Colores:** Indicadores visuales que cambian de color según el estado del presupuesto (suficiente, advertencia, crítico).
+
+## Tecnologías Utilizadas
+
+- **JavaScript:** Desarrollo de toda la lógica del proyecto para manejar el presupuesto y los gastos.
+- **HTML y CSS:** Proporcionados por el curso del profesor Juan Pablo De la Torre Valdez, con algunos ajustes menores para adaptarse a la lógica de JavaScript.
+- **Manipulación del DOM:** Uso de JavaScript para actualizar dinámicamente el DOM con la información de los gastos y el presupuesto restante.
+- **Clases en JavaScript:** Uso de clases para organizar el código, incluyendo clases para manejar el presupuesto y la interfaz de usuario.
+
+## Lecciones Aprendidas
+
+- **Manipulación del DOM:** Aprendiste a seleccionar y modificar elementos del DOM, crear elementos dinámicamente y actualizar la interfaz de usuario en respuesta a las interacciones del usuario.
+- **Uso de Clases en JavaScript:** Implementaste clases para estructurar tu código de manera más organizada y mantener la lógica del negocio (manejo del presupuesto) separada de la lógica de la interfaz de usuario.
+- **Gestión de Eventos:** Manejo de eventos del DOM para responder a las acciones del usuario, como la adición y eliminación de gastos.
+- **Validación de Entradas:** Implementaste validaciones para asegurar que los datos ingresados por el usuario sean correctos y significativos.
+- **Manejo de Estado:** Aprendiste a mantener y actualizar el estado de la aplicación (presupuesto y gastos) y reflejar estos cambios en la interfaz de usuario.
+
+## Instrucciones de Despliegue
+
+1. Clona este repositorio: `git clone https://github.com/tu-usuario/administrador-presupuesto.git`
+2. Abre el archivo `index.html` en tu navegador favorito.
+3. Introduce tu presupuesto inicial y comienza a gestionar tus gastos.
+
+## Créditos
+
+Este proyecto fue desarrollado basado en los conocimientos adquiridos del curso de JavaScript del profesor Juan Pablo De la Torre Valdez.
+
+---
+
+