This is an investment calculator app built using React where users can input their initial investment value, annual investment, expected return, and duration in years. The app allows users to modify one or multiple parameters and provides the calculated investment value, interest year-wise, total interest, and the investor's capital.
- Input fields for initial investment, annual investment, expected return, and duration
- Dynamic calculations based on user inputs
- Year-wise breakdown of investment growth
- Total interest and investor capital calculation
- User-friendly interface with real-time updates
- Component-Based Architecture: Header and user input components for modular design
- Event Handling & Two-Way Binding: Efficiently handling user inputs and updates
- State Management: Lifting state up for centralized state control
- Data Computation: Properly handling and computing numerical values
- Conditional Rendering: Outputting results based on user input
- React.js
- CSS for styling
To run this project locally, follow these steps:
- Clone this repository to your local machine:
git clone https://github.com/trishna456/investment-calculator.git- Navigate to the project directory:
cd investment-calculator- Install dependencies using npm or yarn:
npm install
# or
yarn install- Start the development server:
npm start
# or
yarn start- Open your web browser and navigate to http://localhost:3000 to view the project.