\n \n \n \n",[],[151,192],"48659b70-427e-427b-a86a-5a629c634f3a","favicon.svg","019ed14f-90f9-71e8-aee7-ba141333e23f",["D",1781628113082],"\n",[],[151,200],"d37b3102-5c70-483d-a83d-6d22e36810db","ppf.ts","501d1560-69a2-11f1-b431-1607ee4eb77e","019ed14f-90f9-71e8-aee7-b5c130ec83ae",2,["D",1781628127481],"// PPF (Public Provident Fund) calculation helpers.\n//\n// Model: each year a fixed deposit is made, interest is compounded annually\n// and credited at the end of every financial year. The deposit is assumed to\n// be made at the start of the year, so it earns a full year of interest.\n\nexport interface YearRow {\n year: number;\n openingBalance: number;\n deposit: number;\n interest: number;\n closingBalance: number;\n}\n\nexport interface PpfResult {\n rows: YearRow[];\n totalInvested: number;\n totalInterest: number;\n maturityValue: number;\n}\n\n/**\n * @param yearlyDeposit amount invested each year (₹)\n * @param rate annual interest rate as a percentage, e.g. 7.1\n * @param years tenure in years (PPF minimum is 15)\n */\nexport function calculatePpf(\n yearlyDeposit: number,\n rate: number,\n years: number,\n): PpfResult {\n const r = rate / 100;\n const rows: YearRow[] = [];\n let balance = 0;\n let totalInvested = 0;\n let totalInterest = 0;\n\n for (let year = 1; year <= years; year++) {\n const openingBalance = balance;\n const deposit = yearlyDeposit;\n const interest = (openingBalance + deposit) * r;\n const closingBalance = openingBalance + deposit + interest;\n\n rows.push({ year, openingBalance, deposit, interest, closingBalance });\n\n balance = closingBalance;\n totalInvested += deposit;\n totalInterest += interest;\n }\n\n return {\n rows,\n totalInvested,\n totalInterest,\n maturityValue: balance,\n };\n}\n\n/** Format a number as Indian Rupees with grouping (lakh/crore style). */\nexport function formatINR(n: number): string {\n return new Intl.NumberFormat(\"en-IN\", {\n style: \"currency\",\n currency: \"INR\",\n maximumFractionDigits: 0,\n }).format(Math.round(n));\n}\n",[],[151,215,207],"components","3477f2a8-3787-4be7-969c-95a3f2530f9d","Calculator.tsx","5c7e7650-69a2-11f1-92ab-1607ee4eb77e",3,["D",1781628148254],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { calculatePpf, formatINR } from \"./ppf.ts\";\n\nfunction Field({\n label,\n suffix,\n value,\n min,\n max,\n step,\n onChange,\n}: {\n label: string;\n suffix?: string;\n value: number;\n min: number;\n max: number;\n step: number;\n onChange: (n: number) => void;\n}) {\n return (\n

\n {label}\n

\n onChange(Number(e.currentTarget.value))}\n class=\"w-28 text-right border border-gray-300 rounded-md px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-400\"\n />\n {suffix && {suffix}}\n

\n onChange(Number(e.currentTarget.value))}\n class=\"w-full accent-emerald-500 cursor-pointer\"\n />\n

\n );\n}\n\nfunction SummaryCard({ label, value, accent }: { label: string; value: string; accent: string }) {\n return (\n

{label}

{value}

\n );\n}\n\nexport function Calculator() {\n const [yearlyDeposit, setYearlyDeposit] = useState(150000);\n const [rate, setRate] = useState(7.1);\n const [years, setYears] = useState(15);\n\n const result = useMemo(\n () => calculatePpf(yearlyDeposit, rate, years),\n [yearlyDeposit, rate, years],\n );\n\n return (\n

\n \n \n \n

\n PPF has a 15-year lock-in (extendable in 5-year blocks) and a ₹1.5 lakh\n annual cap. The current government rate is 7.1%.\n

\n\n

\n \n \n \n

\n\n

\n Year-by-year breakdown\n

\n \n \n \n \n \n \n \n \n \n \n \n {result.rows.map((row) => (\n \n \n \n \n \n \n \n ))}\n \n

Year	Opening	Deposit	Interest	Closing
{row.year}	{formatINR(row.openingBalance)}	{formatINR(row.deposit)}	{formatINR(row.interest)}	{formatINR(row.closingBalance)}

\n );\n}\n",[],[151,215,217],"24054267-3666-4dba-bca9-50a37bba087a","App.tsx","019ed14f-90f9-71e8-aee7-ae4a83c107f5",4,["D",1781628155989],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Calculator } from \"./Calculator.tsx\";\n\nexport function App() {\n return (\n

PPF Calculator 🇮🇳

\n Estimate the maturity value of your Public Provident Fund.\n

\n\n \n\n

\n View source\n

\n );\n}\n",[],[151,215,225],"943e62e4-a5d6-49ad-b2aa-dbe33a2f8bc7",["D",1781628113082],[168,169,170],[151,215],["D",1781628113082],[167,171,172,173],[151],["D",1781628113082],{"_16":17,"_89":85},{"_16":17,"_82":83,"_84":85,"_34":35,"_86":87,"_88":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":72,"_73":74,"_75":28,"_76":77,"_78":79,"_80":21,"_81":17},"ctx",{"_59":-5,"_112":276,"_277":278,"_279":280,"_281":26,"_282":26,"_283":26,"_284":39,"_285":-5,"_286":-7,"_287":-7,"_288":43,"_289":26,"_290":26,"_291":-5,"_292":26,"_293":26,"_294":26,"_295":-5},"ENV",{"_247":248,"_249":250,"_251":68,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Search