[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68f92347d8b48191b0d60d817a80a859","versionInt","title","Roi Calculator App","type","code/react","content","import React, { useState } from \"react\";\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from \"recharts\";\n\nexport default function ROICalculatorApp() {\n const [machines, setMachines] = useState(1);\n const [dailyIncome, setDailyIncome] = useState(10);\n\n // Fixed values\n const equipmentCost = 3500;\n const watts = 12;\n const elecRate = 0.35;\n const daysPerMonth = 30;\n const refillCost = 250;\n const monthsToSimulate = 120;\n\n // Derived values\n const kw = watts / 1000;\n const dailyElecCost = kw * 24 * elecRate;\n const monthlyElecCost = dailyElecCost * daysPerMonth;\n const monthlyIncome = dailyIncome * daysPerMonth;\n const totalMonthlyExpenses = monthlyElecCost + refillCost;\n const netMonthlyProfitPerMachine = monthlyIncome - totalMonthlyExpenses;\n const netMonthlyProfitAllMachines = netMonthlyProfitPerMachine * machines;\n const breakEvenMonths = equipmentCost / netMonthlyProfitPerMachine;\n const totalBreakEvenMonths = (equipmentCost * machines) / netMonthlyProfitAllMachines;\n\n // Build chart data\n const data = Array.from({ length: monthsToSimulate }, (_, i) => {\n const month = i + 1;\n const cumulativeProfit = (netMonthlyProfitAllMachines * month) - (equipmentCost * machines);\n return { month, cumulativeProfit };\n });\n\n const clearInputs = () => {\n setMachines(1);\n setDailyIncome(10);\n };\n\n return (\n

New-Gen Biotics ROI Calculator

\n\n

\n Number of Machines\n setMachines(Number(e.target.value))}\n className=\"border rounded p-2 w-full\"\n min=\"1\"\n style={{ borderColor: \"#22abe6\" }}\n />\n

\n Daily Extra Income per Room ($)\n setDailyIncome(Number(e.target.value))}\n className=\"border rounded p-2 w-full\"\n min=\"1\"\n style={{ borderColor: \"#22abe6\" }}\n />\n

\n\n \n Clear Inputs\n \n\n \n \n \n \n \n `$${val.toFixed(2)}`} />\n \n \n \n \n\n

Variable Summary (All Machines)

Number of Machines: {machines}

Total Monthly Income: ${(monthlyIncome * machines).toFixed(2)}

Total Monthly Expenses: ${(totalMonthlyExpenses * machines).toFixed(2)} (${monthlyElecCost.toFixed(2)} Electricity + ${refillCost.toFixed(2)} Refill)

Net Monthly Profit (All): ${netMonthlyProfitAllMachines.toFixed(2)}

Profit Per Machine: ${netMonthlyProfitPerMachine.toFixed(2)}

Break Even (per machine): {isFinite(breakEvenMonths) && breakEvenMonths > 0 ? breakEvenMonths.toFixed(1) : \"N/A\"} months

Total Machine Cost: ${(equipmentCost * machines).toFixed(2)}

Time to Pay Back All Machines: {isFinite(totalBreakEvenMonths) && totalBreakEvenMonths > 0 ? totalBreakEvenMonths.toFixed(1) : \"N/A\"} months

\n\n

Comparison Table

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Metric	Per Machine	All Machines
Monthly Income	${monthlyIncome.toFixed(2)}	${(monthlyIncome * machines).toFixed(2)}
Monthly Expenses	${totalMonthlyExpenses.toFixed(2)}	${(totalMonthlyExpenses * machines).toFixed(2)}
Net Monthly Profit	${netMonthlyProfitPerMachine.toFixed(2)}	${netMonthlyProfitAllMachines.toFixed(2)}
Break Even	{isFinite(breakEvenMonths) && breakEvenMonths > 0 ? breakEvenMonths.toFixed(1) : \"N/A\"} months	{isFinite(totalBreakEvenMonths) && totalBreakEvenMonths > 0 ? totalBreakEvenMonths.toFixed(1) : \"N/A\"} months
Machine Cost	${equipmentCost.toFixed(2)}	${(equipmentCost * machines).toFixed(2)}

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","3653651865424534393","traceTime",1777633348563]