MyBalanceWebApp

MyBalanceWebApp is a web application built with Angular that allows users to track their personal finances by recording income and expenses. The application includes user authentication and stores transaction data using Firebase Firestore.

---

Overview

This project provides a simple way to manage personal finances through a web interface. Users can log in, add transactions, and view a summary of their financial activity.

Main features include:

• User authentication
• Recording income and expense transactions
• Persistent data storage with Firebase Firestore
• A dashboard displaying balance and transaction history

---

Technologies Used

This project was built using the following tools and technologies:

• Angular – Frontend framework
• TypeScript – Primary programming language
• Firebase Authentication – User authentication
• Firebase Firestore – Cloud NoSQL database for storing transactions
• Node.js – JavaScript runtime environment
• npm – Dependency management
• Angular CLI – Development tooling for Angular projects

---

Prerequisites

Before running the project, make sure you have the following installed:

• Node.js (recommended version 18 or later)
• npm (comes with Node.js)
• Angular CLI (optional but recommended)

Install Angular CLI globally if needed:

npm install -g @angular/cli

---

Installation

Clone the repository and install the dependencies:

npm install

---

Running the Application

Start the development server:

ng serve

Once the server starts, open your browser and go to:

http://localhost:4200

The application will automatically reload if you modify any source files.

---

Project Structure

Key folders in the project:

src/
 ├── app/            Application source code
 ├── environments/   Environment configuration files
 └── assets/         Static resources

---