\n \n \n \n",[],[90,121],"48659b70-427e-427b-a86a-5a629c634f3a","favicon.svg","019ed14f-90f9-71e8-aee7-ba141333e23f",["D",1781628113082],"\n",[],[90,129],"943e62e4-a5d6-49ad-b2aa-dbe33a2f8bc7","components","019ed14f-90f9-71e8-aee7-b5c130ec83ae",["D",1781628113082],[141,142,143],[90,136],{"_35":159,"_13":160,"_64":161,"_66":137,"_67":68,"_69":162,"_71":72,"_37":163,"_17":70,"_75":116,"_77":164,"_79":50,"_80":-5,"_99":165,"_18":166},{"_35":151,"_13":152,"_64":153,"_66":137,"_67":68,"_69":154,"_71":72,"_37":155,"_17":74,"_75":116,"_77":156,"_79":50,"_80":-5,"_99":157,"_18":158},{"_35":144,"_13":145,"_64":146,"_66":137,"_67":68,"_69":33,"_71":72,"_37":147,"_17":74,"_75":116,"_77":148,"_79":50,"_80":-5,"_99":149,"_18":150},"d37b3102-5c70-483d-a83d-6d22e36810db","ppf.ts","501d1560-69a2-11f1-b431-1607ee4eb77e",["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",[],[90,136,145],"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",[],[90,136,152],"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",[],[90,136,160],"9fc09c03-7a17-4eea-9dd6-6ebb91c5b23f",["D",1781628113082],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789590770&sig=979b885141b678a6437dad85b70ba861b586a2ba4a73a71d702f211c712360d1","userId","b761ad71-44c7-4f38-a1e5-c450f0ed9a66","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ed14d-b53a-757a-b956-9147713b8c75","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_213":209},"org",{"_11":12,"_206":207,"_208":209,"_175":176,"_210":211,"_212":50},"branch",{"_17":85,"_13":16,"_35":68,"_41":167,"_44":36,"_45":202,"_203":52,"_204":42,"_205":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Bharat Bushan","avatar","https://lh3.googleusercontent.com/a/ACg8ocJQ6CJX_87R1O_Rb-pI5szwZXfs89DoW2YVkO1FieRl4nRhZ4na=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":167,"_13":14,"_37":283,"_48":-5,"_169":50,"_51":52,"_170":52,"_171":172,"_173":174,"_175":176,"_177":65,"_178":72,"_179":-5,"_180":-5,"_181":74,"_55":182,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":188,"_189":188,"_190":191,"_192":191,"_193":191,"_194":188,"_195":188,"_196":284,"_198":285,"_200":286,"_49":50},[253,261,262],"files",[253,254,255,256,257,258,259,260,261,262],"counts",{"_244":74,"_245":70,"_246":74,"_34":247,"_248":249},[238,239,240],"upstreamProject",{"_35":42,"_13":58,"_171":172,"_173":174,"_51":52,"_196":236},"upstreamBranch",{"_35":36,"_37":234,"_39":235,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":54,"_213":237},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789590770&sig=b260513c7a483b52f933ddd1b4243c2d7f16d65de2a14962e271ab86f554a640",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":92,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_18":243},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":86,"_17":70,"_75":24,"_77":87,"_79":50,"_80":-5,"_18":242},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":241},[63],[83],[90],"pulls","branches","forks",{"_250":74,"_252":74},"connections",{"_250":74,"_251":74},"count","unfilledCount","emptyCount",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":105,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_99":281,"_18":282},{"_35":135,"_13":136,"_64":137,"_66":91,"_67":68,"_69":70,"_71":72,"_37":138,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_99":279,"_18":280},{"_35":159,"_13":160,"_64":161,"_66":137,"_67":68,"_69":162,"_71":72,"_37":163,"_17":70,"_75":116,"_77":164,"_79":50,"_80":-5,"_99":277,"_18":278},{"_35":151,"_13":152,"_64":153,"_66":137,"_67":68,"_69":154,"_71":72,"_37":155,"_17":74,"_75":116,"_77":156,"_79":50,"_80":-5,"_99":275,"_18":276},{"_35":144,"_13":145,"_64":146,"_66":137,"_67":68,"_69":33,"_71":72,"_37":147,"_17":74,"_75":116,"_77":148,"_79":50,"_80":-5,"_99":273,"_18":274},{"_35":128,"_13":129,"_64":130,"_66":91,"_67":68,"_69":70,"_71":72,"_37":131,"_17":74,"_75":24,"_77":132,"_79":50,"_80":-5,"_99":271,"_18":272},{"_35":120,"_13":121,"_64":122,"_66":91,"_67":68,"_69":123,"_71":72,"_37":124,"_17":70,"_75":24,"_77":125,"_79":50,"_80":-5,"_99":269,"_18":270},{"_35":112,"_13":113,"_64":114,"_66":91,"_67":68,"_69":70,"_71":72,"_37":115,"_17":74,"_75":116,"_77":117,"_79":50,"_80":-5,"_99":267,"_18":268},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":102,"_17":70,"_75":24,"_77":87,"_79":50,"_80":-5,"_99":265,"_18":266},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":98,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_99":263,"_18":264},[],[63],[],[83],[],[90,113],[],[90,121],[],[90,129],[],[90,136,145],[],[90,136,152],[],[90,136,160],[255,256,257],[90,136],[254,258,259,260],[90],["D",1781628113082],{"_11":12,"_213":209},{"_11":12,"_206":207,"_208":209,"_175":176,"_210":211,"_212":50},{"_17":85,"_13":16,"_35":68,"_41":167,"_44":36,"_45":202,"_203":52,"_204":42,"_205":56,"_57":14,"_53":12},"ctx",{"_196":-5,"_231":320,"_321":322,"_323":324,"_325":50,"_326":50,"_327":50,"_328":72,"_329":-5,"_330":-7,"_331":-7,"_332":74,"_333":50,"_334":50,"_335":-5,"_336":50,"_337":50,"_338":50,"_339":-5},"ENV",{"_291":292,"_293":294,"_295":16,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319},"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"]

Code