A React-based investment calculator that helps users plan their financial future by calculating potential investment returns over time. This project was developed as part of the "React - The Complete Guide 2024 (incl. Next.js, Redux)" course by Maximilian Schwarzmüller on Udemy.
This calculator allows users to visualize how their investments could grow based on different parameters:
- Initial investment amount
- Annual contribution
- Expected annual return rate (%)
- Investment duration (years)
The calculator provides a detailed yearly breakdown showing:
- Total investment value
- Interest earned per year
- Cumulative interest earned
- 💰 Real-time calculations
- 📊 Year-by-year breakdown
- 🎯 Easy-to-use interface
- 📱 Responsive design
- 🔢 Automatic number formatting
- React
- JavaScript
- CSS
- Vite
-
Clone the repository:
git clone https://github.com/ravfriza/investment-calculator.git
-
Navigate to the project directory:
cd investment-calculator -
Install dependencies:
npm install
-
Start the development server:
npm run dev
- Enter your initial investment amount
- Specify your planned annual contribution
- Set your expected annual return rate
- Choose the investment duration in years
- View the detailed breakdown of your potential returns
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- This project was created as part of the "React - The Complete Guide 2024" course by Maximilian Schwarzmüller
- Thanks to Maximilian Schwarzmüller for the excellent course content and guidance
- Thanks to all contributors who have helped enhance this project