Here's a README draft based on your description and the additional details about the technology stack:
A simple web-based tool that allows users to calculate the growth of their savings over time based on their initial capital, interest rate, monthly savings rate, and investment period. The results are displayed as a bar chart, making it easy to visualize cumulative savings and interest over the specified period.
- Customizable Inputs: Users can input:
- Initial Capital: Starting amount in euros.
- Interest Rate: Annual interest rate percentage.
- Savings Rate: Monthly savings contribution.
- Period: Duration in years.
- Interactive Bar Chart: Shows savings growth over time, with separate bars for capital and interest.
- Real-Time Calculations: Updates calculations and visualization immediately upon input changes.
- JavaScript: Main programming language used for logic and interactivity.
- HTML & CSS: Used for the frontend structure and styling.
- Chart.js: JavaScript library for rendering dynamic bar charts.
- Vercel: Platform for easy deployment and hosting.
- Input Values: Enter your initial capital, interest rate, savings rate, and period in the designated fields.
- Calculate Growth: Click "Calculate" to view the growth projection.
- View Results: The bar chart will display cumulative savings growth, with distinct sections for principal and earned interest.
- Fork this repository.
- Create a new branch for your feature (
git checkout -b feature-name
). - Commit changes (
git commit -m 'Description of feature'
). - Push to your branch (
git push origin feature-name
). - Open a Pull Request.
This project is licensed under the MIT License.
This README template provides a clear overview of the project's features, installation steps, and usage instructions. Adjust the repository URL or add additional configuration details as needed for your specific setup.Here's a README draft based on your description and the additional details about the technology stack:
A simple web-based tool that allows users to calculate the growth of their savings over time based on their initial capital, interest rate, monthly savings rate, and investment period. The results are displayed as a bar chart, making it easy to visualize cumulative savings and interest over the specified period.
- Customizable Inputs: Users can input:
- Initial Capital: Starting amount in euros.
- Interest Rate: Annual interest rate percentage.
- Savings Rate: Monthly savings contribution.
- Period: Duration in years.
- Interactive Bar Chart: Shows savings growth over time, with separate bars for capital and interest.
- Real-Time Calculations: Updates calculations and visualization immediately upon input changes.
- JavaScript: Main programming language used for logic and interactivity.
- HTML & CSS: Used for the frontend structure and styling.
- Chart.js: JavaScript library for rendering dynamic bar charts.
- Vercel: Platform for easy deployment and hosting.
- Clone the repository:
git clone https://github.com/yourusername/interest-calculator.git
- Navigate to the project folder:
cd interest-calculator
- Install dependencies (if applicable):
npm install
- Run the application:
The application will be available at
npm start
http://localhost:3000
by default.
- Input Values: Enter your initial capital, interest rate, savings rate, and period in the designated fields.
- Calculate Growth: Click "Calculate" to view the growth projection.
- View Results: The bar chart will display cumulative savings growth, with distinct sections for principal and earned interest.
If deploying, update any necessary settings in the .env
file, such as API keys or backend endpoints.
- Fork this repository.
- Create a new branch for your feature (
git checkout -b feature-name
). - Commit changes (
git commit -m 'Description of feature'
). - Push to your branch (
git push origin feature-name
). - Open a Pull Request.
This project is licensed under the MIT License.
This README template provides a clear overview of the project's features, installation steps, and usage instructions. Adjust the repository URL or add additional configuration details as needed for your specific setup.