The objective in this repo is to manage different states and manage the interactions between components. The application consists of a budget generator, that the user can manage to have a budget on some services that desires to hire. The app has to include a calculator that adds app all the articles selected, and a list to managge the budgets that have been asked.
- The user has 3 cards, with services to choose from and a display of the total amount, for now the services availabe are Seo (300€), Ads (400€) and Web (500€).
- The web can have parameters like number of pages and number of languages.
- These parameters must have an info button for the user to have feedback in case that it does not now what some parameter may mean.
- A from that asks for the user details to store the budgets must be added
- These budgets must display in a list
- Filters to order for the data of creation, amount and name must be available for the user
- A search functionality to filter the resuls.
- Manage the parameters from the url of the site to be able to pass a created budget to someone else
preview-budget-calculator.mp4
- 🚀 Angular
- 🎨 CSS vanilla
To start a local development server, run:
ng serveFor a complete list of available schematics (such as components, directives, or pipes), run:
ng generate --helpTo build the project run:
ng buildThis will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.
To execute unit tests with the Karma test runner, use the following command:
ng testFor more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.
- Better mobile compatibility.
- Better UI, such as the listed budget cards, addapting better depending on the lenght of the information
- Feature: Being able to delete the current budgets from the UI