Budget Control

This project is a web application developed with React, using Vite as the development environment and Normalize.css to maintain consistent styles across all browsers. The application allows you to manage expenses and savings in an organized way, providing a clear view of the remaining budget.

📌 Main Features

• Initial total budget entry.
• Expense and savings log by section.
• Real-time update of the remaining budget indicator.
• Light and fast interface thanks to Vite.

🚀 Technologies used

• React: Library for building user interfaces.
• Vite: Rapid development tool for frontend projects.
• Normalize.css: Normalization of CSS styles.

📂 Installation and execution

To run the project locally, follow these steps:

1️⃣ Clone this repository:

git clone https://github.com/ACaminos/budget-Control.git

2️⃣ Access the project directory:

cd budget-Control

3️⃣ Install the dependencies:

npm install

4️⃣ Start the development server:

npm run dev

👀 Using the application

1. Entering the total budget: When starting the application, you must enter the total amount available.
2. Recording expenses or savings: New entries can be added by indicating the amount and category.
3. Viewing the budget: The system updates the budget indicator in real time, showing how much money is left available.