Investment Calculator Senna

A modern and responsive Investment Calculator built with Tailwind CSS, JavaScript, and Chart.js. This tool allows users to calculate the growth of their investments over time, track their progress, and visualize the results through interactive charts.

Features

• Interactive Investment Form: Input initial investment, monthly contributions, expected return rate, and tax rate.
• Real-time Calculation: Instant feedback on the projected investment value.
• Chart Visualizations: Dynamic, real-time charts showing investment growth and final distribution.
• Fully Responsive Design: Optimized for all screen sizes, ensuring a smooth user experience on both mobile and desktop.
• Clean and Simple UI: Intuitive design and seamless user interface.

Technologies

• Frontend:

  • Tailwind CSS - Utility-first CSS framework for responsive and modern design.
  • Chart.js - For creating dynamic, interactive charts.
  • Vanilla JavaScript - Core functionality and logic for calculations and interactions.

• Development Tools:

  • Vite - Fast and lightweight development server with hot module replacement.
  • ESLint & Prettier - Code linting and formatting for clean and consistent code.

Demo

Check out the live demo: https://investment-calculator-senna-git-main-arthur-de-sennas-projects.vercel.app

Installation

1. Clone the repository

git clone https://github.com/ArthurSenna25/investment-calculator.git

2. Install dependencies

Make sure Node.js is installed, then run the following commands:

cd investment-calculator
npm install

3. Run the development server

Start the project locally:

npm run dev

Visit http://localhost:3000 to view the app.

Usage

1. Fill in the Investment Form:

   • Initial Investment: Enter the starting amount for your investment.
   • Monthly Contributions: Enter any monthly contributions you plan to make.
   • Investment Period: Choose the investment duration (in months or years).
   • Expected Return Rate: Specify the anticipated return rate.
   • Tax Rate: Define the tax percentage applied to your profits.

2. Click "Calculate": The tool will instantly calculate the final investment value and show it through charts and tables.

3. View Results: You can review the following:

   • Final Distribution: A chart showing the final breakdown of your investment.
   • Progression Chart: A graph that shows the evolution of your investment over time.
   • Monthly Breakdown: A table that lists the monthly results.

Contributing

We welcome contributions! Feel free to fork the repository, create a feature branch, and submit a pull request with your improvements.

To report any issues or bugs, please open an issue.

License

This project is licensed under the MIT License - see the LICENSE file for details.