Budget

📄 Descripción

Este repositorio contiene los recursos de un proyecto web para la gestión de presupuestos, desarrollado en Angular 17. La aplicación permite a los usuarios solicitar presupuestos para servicios de SEO, publicidad (Ads) y desarrollo web, calculando automáticamente el coste total en función de las opciones seleccionadas. Además, incluye una lista de presupuestos en curso con funciones de filtrado y ordenación.

🚀 Demo

Budget

✨ Características

• Selección de Servicios: Los usuarios pueden seleccionar servicios de SEO, Ads y desarrollo web, con la capacidad de personalizar opciones específicas para el desarrollo web.

• Cálculo Automático del Presupuesto: El formulario realiza automáticamente el cálculo del presupuesto total en base a las opciones seleccionadas.

• Validación del Formulario: Se incluye una validación del formulario para garantizar que se proporcionen los datos necesarios y se seleccionen al menos un servicio.

• Lista de Presupuestos: La aplicación muestra una lista de presupuestos en curso, con funciones de búsqueda, filtrado y ordenación por fecha, importe total y nombre del cliente.

• Diseño Responsive: La interfaz de usuario está diseñada para ser compatible con diferentes dispositivos y tamaños de pantalla.

💻 Tecnologías Utilizadas

• TypeScript
• HTML5
• SCSS (Bootstrap)
• Angular

📋 Requisitos

• Node.js y npm instalados en tu sistema. Puedes descargarlos desde nodejs.org.

• Angular CLI instalado globalmente. Puedes instalarlo con el siguiente comando:

  npm install -g @angular/cli
  

🛠️ Instalación

1. Clona el repositorio:

   git clone https://github.com/Yul1b3th/it6-budget.git
   

2. Ingresa al directorio del proyecto:

   cd it6-budget
   

3. Instala las dependencias:

   npm install
   

▶️ Ejecución

Ejecuta la aplicación con el siguiente comando: