Skip to content

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.

License

Notifications You must be signed in to change notification settings

Pratik667/investment-calculator

Repository files navigation

💰 Investment Calculator 📈

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

Netlify Status


🚀 Features

  • 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

🧮 How It Works

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.


🛠️ Tech Stack

  • ⚛️ React.js
  • 📦 JavaScript (ES6+)
  • 🎨 CSS3
  • 🧠 Custom utility functions for calculation

📂 Folder Structure

investment-calculator/ ├── public/ ├── src/ │ ├── components/ │ │ └── Headers.js │ │ └── UserInput.js │ │ └── Results.js │ ├── util/ │ │ └── Investment.js │ ├── App.js │ └── index.js └── README.md

🧪 Run Locally

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.

Made with ❤️ using React

📌 Notes:

  • Replace https://github.com/Pratik667/investment-calculator.git with your actual repo URL.
  • Add screenshots/ folder with input.png and results.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?

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published