\n 💰 Compound Interest Calculator\n

\n Calculate the power of compound interest on your investments in any currency\n

\n\n

\n {/* Input Section */}\n

\n Investment Parameters\n

\n\n

\n \n Currency\n \n handleInputChange('currency', e.target.value)}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {Object.entries(CURRENCIES).map(([code, currency]) => (\n \n ))}\n \n

\n\n

\n \n Initial Investment (Principal)\n \n

\n {getCurrencySymbol()}\n handleInputChange('principal', Number(e.target.value))}\n className=\"w-full pl-12 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"10000\"\n min=\"0\"\n step=\"100\"\n />\n

\n\n

\n \n Annual Interest Rate\n \n

\n handleInputChange('annualRate', Number(e.target.value))}\n className=\"w-full pr-8 pl-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"7\"\n min=\"0\"\n step=\"0.1\"\n />\n %\n

\n\n

\n \n Time Period (Years)\n \n handleInputChange('years', Number(e.target.value))}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"10\"\n min=\"1\"\n step=\"1\"\n />\n

\n\n

\n \n Compounding Frequency\n \n handleInputChange('compoundingFrequency', Number(e.target.value))}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {Object.entries(COMPOUNDING_FREQUENCIES).map(([value, label]) => (\n \n ))}\n \n

\n\n

\n \n Monthly Contribution (Optional)\n \n

\n {getCurrencySymbol()}\n handleInputChange('monthlyContribution', Number(e.target.value))}\n className=\"w-full pl-12 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"500\"\n min=\"0\"\n step=\"50\"\n />\n

\n\n {/* Results Section */}\n

\n {result && (\n <>\n

Results Summary

Final Amount

{formatCurrency(result.finalAmount)}

Total Contributions

{formatCurrency(result.totalContributions)}

Interest Earned

{formatCurrency(result.totalInterest)}

\n\n

Year-by-Year Breakdown

\n \n \n \n \n \n \n \n \n \n \n \n {result.yearlyBreakdown.map((year) => (\n \n \n \n \n \n \n \n ))}\n \n

Year	Starting	Contributions	Interest	Ending
{year.year}	{formatCurrency(year.startingBalance)}	{formatCurrency(year.contributions)}	{formatCurrency(year.interestEarned)}	{formatCurrency(year.endingBalance)}

\n \n )}\n\n {loading && (\n

Calculating...

\n )}\n

\n\n

💡 Understanding Compound Interest

\n Compound interest is the addition of interest to the principal sum of a loan or deposit, \n where interest earned also earns interest.\n

\n The key factors affecting compound growth are:\n

Principal: Your initial investment amount
Interest Rate: The annual percentage return
Time: How long your money compounds
Frequency: How often interest is calculated and added
Additional Contributions: Regular investments that also compound

\n 🌍 Multi-Currency Support: This calculator supports over 50 currencies including major fiat currencies and cryptocurrencies like Bitcoin and Ethereum.\n

\n );\n}\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();","deleted","label",[171,153],"frontend","permalink","https://www.val.town/x/Scoder/shubham07/code/frontend/index.tsx","extension","actionData","errors"]