https://github.com/khaled-alselwady/investment-calculator

💰 Investment Calculator simplifies financial planning by calculating future investment values using Angular. 📈
https://github.com/khaled-alselwady/investment-calculator

angular cli components css dependency-injection html javascipt modules services templates typescript ui

Last synced: about 2 months ago
JSON representation

💰 Investment Calculator simplifies financial planning by calculating future investment values using Angular. 📈

• Host: GitHub
• URL: https://github.com/khaled-alselwady/investment-calculator
• Owner: khaled-alselwady
• Created: 2024-07-29T15:44:26.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-07-30T21:57:17.000Z (5 months ago)
• Last Synced: 2024-09-06T02:07:44.100Z (4 months ago)
• Topics: angular, cli, components, css, dependency-injection, html, javascipt, modules, services, templates, typescript, ui
• Language: TypeScript
• Homepage:
• Size: 1.45 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Investment Calculator

**Investment Calculator** is a web application designed to help users calculate the future value of their investments. It features a user-friendly interface and provides detailed results for better financial planning.

## Features

- **Header Component**: Displays the application title and logo.

- **User Input Component**: Collects investment details from the user through a form.

- **Investment Results Component**: Shows the calculated investment results in a detailed table.

- **Two-Way Data Binding**: Utilizes Angular's two-way data binding for form inputs.

- **Dependency Injection and Services**: Handles calculations through Angular services.

- **Modular Architecture**: Structured with Angular modules for scalable development.

- **Signal Usage**: Implements signals in various components for state management.

## Setting Up

To get started with this repository:

1. Clone the repository to your local machine.

   - `git clone https://github.com/dev-khaled-yousef/investment-calculator.git`

2. Install dependencies using npm.

   - `npm install`

   

   This will install all necessary packages and dependencies required for the Angular project.

3. Start the development server.

   - `npm start`

   

   This command will compile the application and open it in your default web browser. If it doesn't open automatically, you can navigate to [http://localhost:4200/](http://localhost:4200/) in your browser.

## Screenshots

Here are some screenshots of the application:

### Main Interface

![Main Interface](public/screenshots/main-interface.png)

### Investment Results

![Investment Results](public/screenshots/investment-results.png)

## Usage

- **Enter Investment Details**: Fill in the initial investment, annual investment, expected return, and duration.

- **Calculate Results**: Click the "Calculate" button to view the investment results.

- **Review Results**: The results will be displayed in a table, showing the year-by-year investment value, interest, total interest, and invested capital.

Feel free to contribute to the project by opening issues or submitting pull requests. For any queries, contact us at `[email protected]`.