An open API service indexing awesome lists of open source software.

https://github.com/rachamallayeswanthreddy/monthly-expenses-income-tracker


https://github.com/rachamallayeswanthreddy/monthly-expenses-income-tracker

Last synced: 19 days ago
JSON representation

Awesome Lists containing this project

README

        

# Monthly Expenses and Income Tracker

## Description

The Monthly Expenses and Income Tracker is a web application built using Angular that allows users to track their monthly expenses and income. It provides a user-friendly interface for entering and categorizing financial transactions.

## Features

- User-friendly interface for entering expenses and income
- Categorization of transactions
- Monthly financial summaries

## Installation

1. Clone the repository:

```bash
git clone https://github.com/RachamallaYeswanthReddy/monthly-expenses-income-tracker.git
```

2. Create the new angular :
```bash
ng new montly-expenses-income-tracer
```

3. Navigate to the project directory:

```bash
cd monthly-expenses-income-tracker
```

4. Install dependencies:

```bash
npm install
```

5. Replace the src folder with my clone src folder

6. Start the application:

```bash
ng serve
```

7. Open your web browser and access the application at [http://localhost:4200](http://localhost:4200).

## Screenshots

![image](https://github.com/RachamallaYeswanthReddy/monthly-expenses-income-tracker/assets/91588050/1049f0ea-7128-432c-9008-c5a803e65cdf)

![image](https://github.com/RachamallaYeswanthReddy/monthly-expenses-income-tracker/assets/91588050/de6a96ba-1d61-4b01-a01d-9068eb6090bc)

![image](https://github.com/RachamallaYeswanthReddy/monthly-expenses-income-tracker/assets/91588050/77799142-c210-400b-a224-437650c4fa64)

## Usage

### 1. Adding Income and Expenses

- To add income, follow the steps.
- Provide the source(description), and amount of the income.
- Click "Add" to add the income entry.

- To add expenses, follow the steps.
- Enter the category(description), and amount for the expense.
- Click "Add" to add the expense entry.

### 2. Managing Transactions

- You can manage your income and expense transactions:
- Edit transactions if you made a mistake or need to update details.
- Delete transactions that are no longer relevant.

### 3. Available Balance

- The application calculates and displays your available balance based on your income and expenses.
- You can see the updated available balance after each transaction.

## Technologies Used

- **Angular**: The primary framework for building the web application.
- **HTML**: Used for structuring the web pages and content.
- **CSS**: Utilized for styling and layout of the application.
- **TypeScript**: The programming language used for writing Angular application code.

## License

This project is licensed under the [MIT License](LICENSE).

## Contact

- [Rachamalla Yeswanth Reddy](https://github.com/RachamallaYeswanthReddy)
- Email: [email protected]