This project is a web-based compound interest calculator built with React and Vite. It allows users to calculate compound interest based on principal amount, interest rate, and time period. The calculator provides both a quick result summary and a detailed yearly breakdown of the investment growth.
- Input fields for principal amount, interest rate, and time period
- Option to select time period in days, months, or years
- Calculation of total amount and compound interest earned
- Detailed yearly breakdown of investment growth
- Responsive design for various screen sizes
- React
- Vite
- Bootstrap 5
- React-Bootstrap
To run this project locally:
- Clone the repository using
git clone https://github.com/IDGoodness/React-Compound-Interest-Calculator.git - Navigate to the project directory using
cd React-Compound-Interest-Calculator - Install dependencies using
npm installoryarn install - Start the development server using
npm run devoryarn dev - Open your web browser and navigate to
http://localhost:5173 - You can now interact with the compound interest calculator
- To build the project for production, use
npm run buildor `yarn build
- Enter the principal amount
- Input the interest rate (as a percentage)
- Specify the time period and select the unit (days, months, or years)
- Click 'Calculate' to see the results
- View the total amount and compound interest earned
- Scroll down to see a detailed yearly breakdown of your investment growth
Contributions to improve the calculator are welcome. Please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Goodness Adewuyi - adewuyigoodness1@gmail.com
Portfolio Website: https://adewuyiportfolio.netlify.app
Project Link: https://github.com/IDGoodness/React-Compound-Interest-Calculator