A simple and responsive Investment Calculator built with React.js. This tool helps users visualize their investment growth over time based on customizable financial parameters.
✅ Live Demo: https://myreturns.netlify.app
- Real-time compound interest calculations
- Dynamic year-by-year breakdown of:
- 📅 Year
- 💼 Investment Value
- 💸 Interest (Year)
- 📊 Total Interest
- 💰 Invested Capital
- Mobile-friendly design
- 3-second simulated result loading
- Clean, warm-toned UI design
Users can input:
- Initial Investment – Starting capital
- Annual Investment – Amount contributed every year
- Expected Return (%) – Estimated annual return
- Duration (Years) – Number of years to calculate
Results display a year-by-year breakdown of how your investment grows over time.
- ⚛️ React.js
- 📦 JavaScript (ES6+)
- 🎨 CSS3
- 🧠 Custom utility functions for calculation
investment-calculator/ ├── public/ ├── src/ │ ├── components/ │ │ └── Headers.js │ │ └── UserInput.js │ │ └── Results.js │ ├── util/ │ │ └── Investment.js │ ├── App.js │ └── index.js └── README.md
Clone the repository and install dependencies:
git clone https://github.com/your-username/investment-calculator.git
cd investment-calculator
npm install
npm start
📦 Build for Production
npm run build
✅ Future Improvements Add charts for visual data (e.g. using Chart.js or Recharts)
Export results to PDF or CSV
Add dark mode toggle
Add form validation and error handling
🤝 Contributing Pull requests are welcome. For major changes, please open an issue first to discuss your ideas.
📄 License This project is open source and available under the MIT License.
- Replace
https://github.com/Pratik667/investment-calculator.git
with your actual repo URL. - Add
screenshots/
folder withinput.png
andresults.png
if you'd like screenshots to show. - If you're deploying (e.g., via Vercel or Netlify), I can help add a live demo badge/link.
Want me to generate a minimal one for NPM or GitHub Pages too?