Cash Flow Calculator

\n \n \n

\n\n

Loan Details

\n Loan Amount (₹)\n setLoanAmount(e.target.value)}\n placeholder=\"Enter Loan Amount\"\n />\n

\n Annual Interest Rate (%)\n setInterestRate(e.target.value)}\n placeholder=\"Enter Interest Rate\"\n />\n

\n Loan Tenure (Months)\n setLoanTenure(e.target.value)}\n placeholder=\"Enter Loan Tenure\"\n />\n

\n {emiDetails && (\n

EMI Details

Monthly EMI: ₹{emiDetails.monthlyEMI}

Total Payment: ₹{emiDetails.totalPayment}

Total Interest: ₹{emiDetails.totalInterest}

\n )}\n

\n\n

Stock & Dividend Details

\n Stock Ticker\n setStockTicker(e.target.value.toUpperCase())}\n placeholder=\"Enter Stock Ticker\"\n />\n

\n {loading &&

Loading stock data...

}\n {error &&

{error}

}\n

\n Current Share Price (₹)\n setSharePrice(e.target.value)}\n placeholder=\"Enter Share Price\"\n />\n

\n Annual Dividend per Share (₹)\n setAnnualDividendPerShare(e.target.value)}\n placeholder=\"Enter Annual Dividend per Share\"\n />\n

\n Number of Shares\n \n

\n {dividendDetails && (\n

Dividend Income Analysis

Monthly Dividend Income: ₹{dividendDetails.monthlyDividendIncome}

Annual Dividend Income: ₹{dividendDetails.annualDividendIncome}

\n )}\n

\n\n {/* Cash Flow Section */}\n {cashFlowDetails && emiDetails && dividendDetails && (\n

Cash Flow Analysis

Monthly Cash Flow

\n Monthly Dividend Income: ₹{dividendDetails.monthlyDividendIncome}\n
\n Monthly EMI: ₹{emiDetails.monthlyEMI}\n
\n Net Monthly Cash Flow:\n = 0 ? \"positive-cash-flow\" : \"negative-cash-flow\"}>\n ₹{cashFlowDetails.monthlyCashFlow}\n \n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(\n `\n \n \n Loan EMI & Dividend Calculator\n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label","children",[],[152],"files",[150],"counts",{"_173":31,"_174":175,"_176":31,"_177":31},"pulls","branches",1,"forks","envVars","contents",[180],{"_107":151,"_100":152,"_153":119,"_154":-5,"_155":140,"_156":139,"_157":121,"_109":181,"_104":159,"_160":161,"_162":163,"_164":27,"_165":-5,"_103":182},["D",1737687639060],[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name._index",{"_98":99,"_100":101,"_102":-7,"_104":-7,"_105":190,"_178":194,"_197":-7,"_198":-5,"_199":-5,"_169":200,"_204":205},{"_107":108,"_100":101,"_109":191,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":31,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":27,"_21":192,"_137":193},["D",1746279347549],{"_98":99,"_135":136},{"_104":139,"_100":42,"_107":140,"_141":108,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":101,"_147":99},[195],{"_107":151,"_100":152,"_153":119,"_154":-5,"_155":140,"_156":139,"_157":121,"_109":181,"_104":159,"_160":161,"_162":163,"_164":27,"_165":-5,"_103":196},[152],"readme","upstream","pull",[201],{"_107":151,"_100":152,"_153":119,"_154":-5,"_155":140,"_156":139,"_157":121,"_109":158,"_104":159,"_160":161,"_162":163,"_164":27,"_165":-5,"_166":202,"_103":203},[],[152],"previews",[201],"routes/_app","actionData","errors"]