Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yul1b3th/it6-budget
En este repositorio, encontrarás los recursos de la aplicación Budget, una aplicación web para gestionar presupuestos. Permite solicitar presupuestos para SEO, publicidad y desarrollo web, calculando automáticamente el coste total y ofreciendo funciones de filtrado y ordenación en una lista de presupuestos.
https://github.com/yul1b3th/it6-budget
angular bootstrap html javascript nodejs scss typescript
Last synced: 18 days ago
JSON representation
En este repositorio, encontrarás los recursos de la aplicación Budget, una aplicación web para gestionar presupuestos. Permite solicitar presupuestos para SEO, publicidad y desarrollo web, calculando automáticamente el coste total y ofreciendo funciones de filtrado y ordenación en una lista de presupuestos.
- Host: GitHub
- URL: https://github.com/yul1b3th/it6-budget
- Owner: Yul1b3th
- Created: 2023-12-22T09:08:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-02T10:47:59.000Z (7 months ago)
- Last Synced: 2024-06-03T10:31:35.537Z (7 months ago)
- Topics: angular, bootstrap, html, javascript, nodejs, scss, typescript
- Language: CSS
- Homepage:
- Size: 1.32 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://yul1b3th.github.io/it6-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](https://nodejs.org/).
- Angular CLI instalado globalmente. Puedes instalarlo con el siguiente comando:
```bash
npm install -g @angular/cli
```
## 🛠️ Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/Yul1b3th/it6-budget.git
```
2. Ingresa al directorio del proyecto:
```bash
cd it6-budget
```
3. Instala las dependencias:
```bash
npm install
```
## ▶️ Ejecución
Ejecuta la aplicación con el siguiente comando:
```bash
ng serve -o
```
## 🤝 Contribuciones
Si deseas colaborar en este proyecto o informar sobre problemas, no dudes en crear un "issue" o enviar un "pull request."