\n \n \n \n\n",[119,110],"d664188a0f7f0e8aa64133b048dfaf2e5bc628e5c91bf987300915ff6349c72d","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[119,110],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":142,"_13":133,"_81":143,"_83":144,"_84":33,"_85":145,"_86":26,"_34":146,"_40":147,"_89":137,"_91":148,"_66":48,"_93":-5,"_94":-7,"_74":149,"_96":150},{"_32":132,"_13":133,"_81":134,"_83":135,"_84":58,"_85":125,"_86":26,"_34":136,"_40":88,"_89":137,"_91":138,"_66":48,"_93":-5,"_94":-7,"_74":139,"_96":140},"891cb42c-cba0-4e28-9922-195899a0bf5b","App.tsx","019f36ec-801a-7379-875c-d6344678b863","019f36ec-801a-7379-875c-dfac8a715355",["D",1783332954404],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { SummaryCards } from \"./SummaryCards.tsx\";\nimport { ExpenseForm } from \"./ExpenseForm.tsx\";\nimport { ExpenseList, type Expense } from \"./ExpenseList.tsx\";\nimport { CategoryBreakdown } from \"./CategoryBreakdown.tsx\";\n\ninterface Stats {\n total: number;\n thisMonth: number;\n count: number;\n byCategory: Array<{ category: string; total: number; count: number }>;\n}\n\nexport function App() {\n const [expenses, setExpenses] = useState([]);\n const [stats, setStats] = useState({\n total: 0,\n thisMonth: 0,\n count: 0,\n byCategory: [],\n });\n\n const refresh = useCallback(async () => {\n const [expRes, statRes] = await Promise.all([\n fetch(\"/api/expenses\"),\n fetch(\"/api/stats\"),\n ]);\n setExpenses(await expRes.json());\n setStats(await statRes.json());\n }, []);\n\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n const handleDelete = useCallback(async (id: number) => {\n await fetch(`/api/expenses/${id}`, { method: \"DELETE\" });\n refresh();\n }, [refresh]);\n\n return (\n

\n {/* Header */}\n

\n 💰 Expense Tracker\n

\n Track your spending, spot patterns, stay on budget.\n

\n\n {/* Summary cards */}\n

\n \n

\n\n {/* Main grid: form + breakdown (left), list (right) */}\n

\n \n \n

\n \n

\n\n {/* Footer */}\n \n

\n );\n}\n",[119,141,133],"40a2584008e5131fa91708e5440411651a9e0c818a1ecc5cf0c943fd7a5c19f2","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[119,141,133],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":160,"_13":151,"_81":161,"_83":-5,"_84":33,"_85":60,"_86":48,"_34":162,"_40":163,"_89":115,"_91":164,"_66":48,"_93":-5,"_94":-7,"_74":165,"_96":166},{"_32":154,"_13":151,"_81":155,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":156,"_40":88,"_89":115,"_91":157,"_66":48,"_93":-5,"_94":-7,"_74":158,"_96":159},"4818d65d-018d-44ae-8f61-fc3059c2b4a6","019f36ec-801a-7379-875c-f26ca8918f74",["D",1783332974077],"# 💰 Expense Tracker\n\nA full-stack expense tracker built with React + Hono + SQLite on Val Town.\n\n## Features\n\n- **Add expenses** — amount, description, category, and date\n- **Summary cards** — total spending, this month's total, transaction count\n- **Category breakdown** — visual bars showing spending by category\n- **Filter by category** — clickable chips to filter the expense list\n- **Delete expenses** — remove entries with one click\n- **Persistent storage** — all data saved in val-scoped SQLite\n\n## Live URL\n\nClick the val's HTTP endpoint URL to open the app in your browser.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|fetch /api/*| API[\"Hono API routes\"]\n API -->|SQL queries| DB[\"SQLite (val-scoped)\"]\n App --> SummaryCards\n App --> ExpenseForm\n App --> ExpenseList\n App --> CategoryBreakdown\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint\n favicon.svg ← App icon\n components/\n App.tsx ← Root layout, data fetching, state\n SummaryCards.tsx ← Total / this month / transaction count\n ExpenseForm.tsx ← Add new expense form\n ExpenseList.tsx ← Expense list with category filter + delete\n CategoryBreakdown.tsx ← Spending by category with progress bars\n```\n\n## API\n\n| Method | Route | Description |\n| ------ | -------------------- | ------------------------------- |\n| GET | `/api/expenses` | List all expenses |\n| POST | `/api/expenses` | Create a new expense |\n| DELETE | `/api/expenses/:id` | Delete an expense |\n| GET | `/api/stats` | Summary stats + category totals |\n",[151],"008d92f5374fdbf2277161ee4446ebde3f54271954877db0c7d09fc2f1083dbc","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[151],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_74":168,"_76":169,"_78":-7},"frontend/components/Counter.tsx",{"_32":170,"_13":171,"_81":172,"_83":144,"_84":33,"_85":173,"_86":26,"_34":174,"_40":175,"_89":137,"_91":176,"_66":48,"_93":-5,"_94":-7,"_74":177,"_96":178},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[119,141,171],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":212,"_76":-7,"_78":213},{"_74":203,"_76":-7,"_78":204},{"_74":193,"_76":-7,"_78":194},{"_74":183,"_76":-7,"_78":184},"frontend/components/SummaryCards.tsx",{"_32":185,"_13":186,"_81":187,"_83":135,"_84":58,"_85":188,"_86":26,"_34":189,"_40":175,"_89":137,"_91":190,"_66":48,"_93":-5,"_94":-7,"_74":191,"_96":192},"1b7a1e15-16ac-4e89-bb19-71a547dd4e12","SummaryCards.tsx","a3d1907e-7923-11f1-896f-1607ee4eb77e",4,["D",1783332940420],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nfunction formatCurrency(n: number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n }).format(n);\n}\n\nexport function SummaryCards({ stats }: {\n stats: {\n total: number;\n thisMonth: number;\n count: number;\n };\n}) {\n const cards = [\n {\n label: \"Total Spending\",\n value: formatCurrency(stats.total),\n icon: \"💸\",\n color: \"bg-indigo-50 text-indigo-700 border-indigo-200\",\n },\n {\n label: \"This Month\",\n value: formatCurrency(stats.thisMonth),\n icon: \"📅\",\n color: \"bg-emerald-50 text-emerald-700 border-emerald-200\",\n },\n {\n label: \"Transactions\",\n value: String(stats.count),\n icon: \"🧾\",\n color: \"bg-amber-50 text-amber-700 border-amber-200\",\n },\n ];\n\n return (\n

\n {cards.map((card) => (\n \n

\n {card.label}\n {card.icon}\n

{card.value}

\n ))}\n \n );\n}\n",[119,141,186],"58e3e58bf2c4101bbd635d9a1f158435a9e32aa665214691f808f3d5f2bf27e1","frontend/components/ExpenseList.tsx",{"_32":195,"_13":196,"_81":197,"_83":135,"_84":58,"_85":198,"_86":26,"_34":199,"_40":175,"_89":137,"_91":200,"_66":48,"_93":-5,"_94":-7,"_74":201,"_96":202},"cddb1656-e944-43e5-87e8-027bd1fd9201","ExpenseList.tsx","a92e70be-7923-11f1-b059-1607ee4eb77e",7,["D",1783332949429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst CATEGORIES = [\n \"All\",\n \"General\",\n \"Food\",\n \"Transport\",\n \"Shopping\",\n \"Bills\",\n \"Entertainment\",\n \"Health\",\n \"Other\",\n];\n\nconst CATEGORY_BADGES: Record = {\n Food: \"bg-orange-100 text-orange-700\",\n Transport: \"bg-blue-100 text-blue-700\",\n Shopping: \"bg-pink-100 text-pink-700\",\n Bills: \"bg-red-100 text-red-700\",\n Entertainment: \"bg-purple-100 text-purple-700\",\n Health: \"bg-green-100 text-green-700\",\n General: \"bg-gray-100 text-gray-700\",\n Other: \"bg-yellow-100 text-yellow-700\",\n};\n\nfunction formatCurrency(n: number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n }).format(n);\n}\n\nfunction formatDate(d: string) {\n return new Date(d + \"T00:00:00\").toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n}\n\nexport interface Expense {\n id: number;\n amount: number;\n description: string;\n category: string;\n date: string;\n}\n\nexport function ExpenseList({\n expenses,\n onDelete,\n}: {\n expenses: Expense[];\n onDelete: (id: number) => void;\n}) {\n const [filter, setFilter] = useState(\"All\");\n\n const filtered = filter === \"All\"\n ? expenses\n : expenses.filter((e) => e.category === filter);\n\n return (\n

📝 Expenses

\n {filtered.length} entries\n

\n\n {/* Category filter chips */}\n

\n {CATEGORIES.map((cat) => (\n setFilter(cat)}\n class={`px-3 py-1 text-xs font-medium rounded-full transition-colors cursor-pointer ${\n filter === cat\n ? \"bg-indigo-600 text-white\"\n : \"bg-gray-100 text-gray-600 hover:bg-gray-200\"\n }`}\n >\n {cat}\n \n ))}\n

\n\n {filtered.length === 0\n ? (\n

📭

\n {expenses.length === 0\n ? \"No expenses yet — add one above!\"\n : \"No expenses in this category.\"}\n

\n )\n : (\n

\n {filtered.map((e) => (\n \n

\n {e.description}\n

\n \n {e.category}\n \n \n {formatDate(e.date)}\n \n

\n \n {formatCurrency(e.amount)}\n \n onDelete(e.id)}\n class=\"text-gray-300 hover:text-red-500 transition-colors cursor-pointer p-1\"\n title=\"Delete\"\n >\n ✕\n \n

\n ))}\n

\n )}\n \n );\n}\n",[119,141,196],"35ecfeb90521e897030c026c127ce508a7131235be9e50bf00b06b87ff24d35d","frontend/components/ExpenseForm.tsx",{"_32":205,"_13":206,"_81":207,"_83":135,"_84":58,"_85":147,"_86":26,"_34":208,"_40":175,"_89":137,"_91":209,"_66":48,"_93":-5,"_94":-7,"_74":210,"_96":211},"77a38ec1-9a5a-4cae-bcb7-7fdaac88b08e","ExpenseForm.tsx","a8d4d25c-7923-11f1-9043-1607ee4eb77e",["D",1783332948838],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst CATEGORIES = [\n \"General\",\n \"Food\",\n \"Transport\",\n \"Shopping\",\n \"Bills\",\n \"Entertainment\",\n \"Health\",\n \"Other\",\n];\n\nfunction todayISO() {\n return new Date().toISOString().slice(0, 10);\n}\n\nexport function ExpenseForm({ onAdd }: { onAdd: () => void }) {\n const [amount, setAmount] = useState(\"\");\n const [description, setDescription] = useState(\"\");\n const [category, setCategory] = useState(\"General\");\n const [date, setDate] = useState(todayISO());\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n async function handleSubmit(e: Event) {\n e.preventDefault();\n setError(\"\");\n\n if (!amount || !description || !date) {\n setError(\"All fields are required\");\n return;\n }\n\n setLoading(true);\n try {\n const res = await fetch(\"/api/expenses\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n amount: parseFloat(amount),\n description,\n category,\n date,\n }),\n });\n if (!res.ok) {\n const data = await res.json();\n throw new Error(data.error || \"Failed to add expense\");\n }\n setAmount(\"\");\n setDescription(\"\");\n setCategory(\"General\");\n setDate(todayISO());\n onAdd();\n } catch (err) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n }\n\n return (\n \n

➕ Add Expense

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Amount\n \n

\n \n $\n \n setAmount((e.target as HTMLInputElement).value)}\n placeholder=\"0.00\"\n class=\"w-full pl-7 pr-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-400 focus:border-transparent outline-none\"\n required\n />\n

\n \n Date\n \n setDate((e.target as HTMLInputElement).value)}\n class=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-400 focus:border-transparent outline-none\"\n required\n />\n

\n\n

\n \n Description\n \n \n setDescription((e.target as HTMLInputElement).value)}\n placeholder=\"What was it for?\"\n class=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-400 focus:border-transparent outline-none\"\n required\n />\n

\n\n

\n \n Category\n \n \n setCategory((e.target as HTMLSelectElement).value)}\n class=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-400 focus:border-transparent outline-none bg-white\"\n >\n {CATEGORIES.map((cat) => (\n \n ))}\n \n

\n\n \n {loading ? \"Adding…\" : \"Add Expense\"}\n \n

\n \n );\n}\n",[119,141,206],"402724c77c29ac2c8749387d8e9f5aa47ceca864c7810dca0aec726db176e754","frontend/components/CategoryBreakdown.tsx",{"_32":214,"_13":215,"_81":216,"_83":135,"_84":58,"_85":217,"_86":26,"_34":218,"_40":175,"_89":137,"_91":219,"_66":48,"_93":-5,"_94":-7,"_74":220,"_96":221},"32f7d7d4-e608-450f-b5b8-27467940827d","CategoryBreakdown.tsx","a9001e08-7923-11f1-b059-1607ee4eb77e",6,["D",1783332949122],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nfunction formatCurrency(n: number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n }).format(n);\n}\n\nconst CATEGORY_COLORS: Record = {\n Food: \"bg-orange-400\",\n Transport: \"bg-blue-400\",\n Shopping: \"bg-pink-400\",\n Bills: \"bg-red-400\",\n Entertainment: \"bg-purple-400\",\n Health: \"bg-green-400\",\n General: \"bg-gray-400\",\n Other: \"bg-yellow-400\",\n};\n\nexport function CategoryBreakdown({ categories }: {\n categories: Array<{ category: string; total: number; count: number }>;\n}) {\n if (!categories.length) {\n return (\n

📊 By Category

No data yet — add an expense!

\n );\n }\n\n const maxTotal = Math.max(...categories.map((c) => c.total));\n\n return (\n

📊 By Category

\n {categories.map((c) => (\n

\n {c.category}\n \n {formatCurrency(c.total)} · {c.count}{\" \"}\n {c.count === 1 ? \"item\" : \"items\"}\n \n

\n \n

\n ))}\n

\n \n );\n}\n",[119,141,215],"af7af2cc079081e8ad8579e60563a3f5879cfc778197cf12b96ffebf7c60967c",["D",1783332896707],"legacyEnvVars","httpPrivacy","description","Track expenses with categories, summary stats, and filtering","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789581599&sig=be8c9241dcaf80ae72eff5d4763f3300ec6426a8bddc365a5efaae5f85e4dee1","userId","3bea85c2-2e83-4b2b-9385-e52f3bcbacb3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ecc67-a99f-778d-b099-1c5208eb27c3","tursoName","134ad6dfdbe041a1aba76d59d94c03ff","tursoHostname","134ad6dfdbe041a1aba76d59d94c03ff-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_265":261},"org",{"_11":12,"_258":259,"_260":261,"_229":230,"_262":263,"_264":48},"branch","displayName","ABHINAV MISHRA","avatar","https://lh3.googleusercontent.com/a/ACg8ocLYvudjTR1rKny-GCxSaxkEDQ6mM4TwYKB67lSThbzilecSbQ=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":364,"_46":-5,"_223":48,"_49":50,"_224":50,"_225":226,"_227":228,"_229":230,"_231":82,"_232":26,"_233":-5,"_234":-5,"_235":175,"_53":236,"_237":238,"_239":240,"_241":365,"_243":-5,"_244":245,"_246":245,"_247":248,"_249":248,"_250":248,"_251":245,"_252":245,"_253":366,"_255":367,"_257":368,"_47":48},"tree",[315,325,326],"files",[315,316,317,318,319,320,321,322,323,324,325,326],"counts",{"_305":175,"_306":88,"_307":175,"_308":309,"_310":311},"contents",[294,295,296],"upstreamProject",{"_32":39,"_13":56,"_225":291,"_227":228,"_49":50,"_253":292},"upstreamBranch",{"_32":33,"_34":289,"_36":290,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_265":293},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789581599&sig=bed85510764f48a9de82762af4b4ce99c525d0ab75e5b57f327c71a53e183d4a",{"_32":301,"_13":119,"_81":112,"_83":-5,"_84":58,"_85":88,"_86":26,"_34":302,"_40":175,"_89":303,"_91":-5,"_66":48,"_93":-5,"_74":304},{"_32":154,"_13":151,"_81":155,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":299,"_40":88,"_89":115,"_91":157,"_66":48,"_93":-5,"_74":300},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":22,"_86":26,"_34":297,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_74":298},["D",1783332915084],[75],["D",1783332974077],[151],"e3840a29-37e7-4b27-9018-b0a52921b834",["D",1783332896707],"directory",[119],"pulls","branches","forks","envVars",{"_312":175,"_314":175},"connections",{"_312":175,"_313":175},"count","unfilledCount","emptyCount",{"_32":301,"_13":119,"_81":112,"_83":-5,"_84":58,"_85":88,"_86":26,"_34":361,"_40":175,"_89":303,"_91":-5,"_66":48,"_93":-5,"_94":362,"_74":363},{"_32":357,"_13":141,"_81":135,"_83":112,"_84":58,"_85":88,"_86":26,"_34":358,"_40":175,"_89":303,"_91":-5,"_66":48,"_93":-5,"_94":359,"_74":360},{"_32":132,"_13":133,"_81":134,"_83":135,"_84":58,"_85":125,"_86":26,"_34":136,"_40":88,"_89":137,"_91":138,"_66":48,"_93":-5,"_94":355,"_74":356},{"_32":214,"_13":215,"_81":216,"_83":135,"_84":58,"_85":217,"_86":26,"_34":218,"_40":175,"_89":137,"_91":219,"_66":48,"_93":-5,"_94":353,"_74":354},{"_32":205,"_13":206,"_81":207,"_83":135,"_84":58,"_85":147,"_86":26,"_34":208,"_40":175,"_89":137,"_91":209,"_66":48,"_93":-5,"_94":351,"_74":352},{"_32":195,"_13":196,"_81":197,"_83":135,"_84":58,"_85":198,"_86":26,"_34":199,"_40":175,"_89":137,"_91":200,"_66":48,"_93":-5,"_94":349,"_74":350},{"_32":185,"_13":186,"_81":187,"_83":135,"_84":58,"_85":188,"_86":26,"_34":189,"_40":175,"_89":137,"_91":190,"_66":48,"_93":-5,"_94":347,"_74":348},{"_32":340,"_13":341,"_81":342,"_83":112,"_84":58,"_85":88,"_86":26,"_34":343,"_40":175,"_89":115,"_91":344,"_66":48,"_93":-5,"_94":345,"_74":346},{"_32":109,"_13":110,"_81":111,"_83":112,"_84":58,"_85":113,"_86":26,"_34":114,"_40":88,"_89":115,"_91":116,"_66":48,"_93":-5,"_94":338,"_74":339},{"_32":331,"_13":332,"_81":333,"_83":112,"_84":58,"_85":88,"_86":26,"_34":334,"_40":175,"_89":137,"_91":335,"_66":48,"_93":-5,"_94":336,"_74":337},{"_32":154,"_13":151,"_81":155,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":156,"_40":88,"_89":115,"_91":157,"_66":48,"_93":-5,"_94":329,"_74":330},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":22,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_94":327,"_74":328},[],[75],[],[151],"e70fe79a-cb84-49d0-b607-18865667379d","index.tsx","019f36ec-801a-7379-875c-e923d03d8eab",["D",1783332896707],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[119,332],[],[119,110],"b4fe503e-e0ed-4074-885b-790a502abbaa","favicon.svg","019f36ec-801a-7379-875c-e0eecf054872",["D",1783332896707],"\n",[],[119,341],[],[119,141,186],[],[119,141,196],[],[119,141,206],[],[119,141,215],[],[119,141,133],"32b40557-9796-4ce5-809a-743e9b065371",["D",1783332896707],[317,318,319,320,321],[119,141],["D",1783332896707],[316,322,323,324],[119],["D",1783332896707],["D",1789521041830],{"_11":12,"_265":261},{"_11":12,"_258":259,"_260":261,"_229":230,"_262":263,"_264":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_253":-5,"_286":402,"_403":404,"_405":406,"_407":48,"_408":48,"_409":48,"_410":26,"_411":-5,"_412":-7,"_413":-7,"_414":175,"_415":48,"_416":48,"_417":-5,"_418":48,"_419":48,"_420":48,"_421":-5},"ENV",{"_373":374,"_375":376,"_377":16,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Compare

Mergeabhinavmishra/mainintotemplates/main

README.md+33-39

frontend/components/App.tsx+74-7

frontend/index.html+3-3

Hindex.ts+88-11

frontend/components/CategoryBreakdown.tsx+63-0

frontend/components/ExpenseForm.tsx+154-0

frontend/components/ExpenseList.tsx+141-0

frontend/components/SummaryCards.tsx+54-0

frontend/components/Counter.tsx+0-18