\n {/* Stats bar */}\n

\n Solved {solved}\n

\n Best {best}\n

\n Time {timeLeft}s\n

\n\n {/* Timer bar */}\n

\n \n

\n\n {phase === \"idle\" && (\n

\n Solve as many problems as you can in {ROUND_SECONDS} seconds.\n

\n \n Start\n \n

\n )}\n\n {phase === \"playing\" && (\n

\n setAnswer((e.target as HTMLInputElement).value)}\n class=\"w-48 text-center text-3xl font-semibold border-2 border-gray-200 focus:border-blue-500 rounded-xl py-3 outline-none tabular-nums\"\n placeholder=\"?\"\n autoComplete=\"off\"\n />\n

Press Enter to submit

\n \n )}\n\n {phase === \"done\" && (\n

Time's up!

{solved}

\n problem{solved === 1 ? \"\" : \"s\"} solved in {ROUND_SECONDS} seconds\n

\n {misses} wrong {misses === 1 ? \"answer\" : \"answers\"} · best {best}\n

\n \n Play again\n \n

\n )}\n \n );\n}\n",[209,113,97],"25f88ad1-abee-48cf-83ba-cffb046d34bd",["D",1781106786763],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Game } from \"./Game.tsx\";\n\nexport function App() {\n return (\n

✖️ Multiplication Sprint

\n How many can you solve in a minute?\n

\n \n

\n View source\n

\n );\n}\n",[209,113,88],"pulls","branches","forks","envVars",{"_84":26,"_228":26},"connections",{"_84":26,"_227":26},"unfilledCount","emptyCount",{"_36":284,"_13":209,"_75":202,"_46":-5,"_38":39,"_203":43,"_204":24,"_40":285,"_42":26,"_78":114,"_206":-5,"_80":30,"_207":-5,"_243":286,"_17":287},{"_36":201,"_13":113,"_75":112,"_46":202,"_38":39,"_203":43,"_204":24,"_40":281,"_42":26,"_78":114,"_206":-5,"_80":30,"_207":-5,"_243":282,"_17":283},{"_36":216,"_13":88,"_75":87,"_46":112,"_38":39,"_203":107,"_204":24,"_40":278,"_42":43,"_78":79,"_206":218,"_80":30,"_207":-5,"_243":279,"_17":280},{"_36":212,"_13":97,"_75":96,"_46":112,"_38":39,"_203":85,"_204":24,"_40":275,"_42":26,"_78":79,"_206":214,"_80":30,"_207":-5,"_243":276,"_17":277},{"_36":268,"_13":269,"_75":270,"_46":202,"_38":39,"_203":43,"_204":24,"_40":271,"_42":26,"_78":21,"_206":272,"_80":30,"_207":-5,"_243":273,"_17":274},{"_36":260,"_13":261,"_75":262,"_46":202,"_38":39,"_203":263,"_204":24,"_40":264,"_42":43,"_78":21,"_206":265,"_80":30,"_207":-5,"_243":266,"_17":267},{"_36":253,"_13":254,"_75":255,"_46":202,"_38":39,"_203":43,"_204":24,"_40":256,"_42":26,"_78":79,"_206":257,"_80":30,"_207":-5,"_243":258,"_17":259},{"_36":246,"_13":247,"_75":248,"_46":-5,"_38":39,"_203":151,"_204":24,"_40":249,"_42":43,"_78":21,"_206":250,"_80":30,"_207":-5,"_243":251,"_17":252},{"_36":238,"_13":239,"_75":127,"_46":-5,"_38":39,"_203":43,"_204":24,"_40":240,"_42":26,"_78":241,"_206":242,"_80":30,"_207":-5,"_243":244,"_17":245},"f8c3e8f8-79d4-4271-837a-873b964b6823","index.ts",["D",1781106751380],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","children",[],[239],"4f193869-0a5b-4b97-940a-619d9f855bae","README.md","019eb23c-37fb-73ad-a5a7-8767a3d51fdf",["D",1781106802166],"# ✖️ Multiplication Sprint\n\nA one-minute multiplication drill. You get random problems `a × b` where\n`a` is **2–12** and `b` is **6–99**, and you race to solve as many as you can\nbefore the 60-second timer runs out.\n\n- Type your answer and press **Enter** to submit\n- Correct → next problem instantly; wrong → quick red flash, try again\n- Your best score is saved in the browser (`localStorage`)\n\nBuilt on the `react-hono-starter` template. The whole game is client-side React\nin [`frontend/components/Game.tsx`](/frontend/components/Game.tsx) — the Hono\nserver in [`index.ts`](/index.ts) just serves the static frontend.\n\n## How it works\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| Game[\"Game.tsx
(timer + scoring)\"]\n```\n\n## Tweak it\n\n- **Round length** / **number ranges**: edit the constants and `newProblem()`\n at the top of `frontend/components/Game.tsx`.\n",[],[247],"c9a9bb5d-5cc3-41eb-8a2f-747d5598295f","index.tsx","019eb23c-37fb-73ad-a5a7-7dc2b20d78b8",["D",1781106751380],"/** @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();",[],[209,254],"ea728a8e-2a58-4aa4-9904-a67761308659","index.html","019eb23c-37fb-73ad-a5a7-7a7633a3be74",5,["D",1781106792394],"\n\n \n \n \n Multiplication Sprint\n \n \n \n \n

\n \n \n \n",[],[209,261],"f565f590-44bd-4f06-8fc6-1c4a0893c8d2","favicon.svg","019eb23c-37fb-73ad-a5a7-765a3a3b394a",["D",1781106751380],"\n",[],[209,269],["D",1781106774827],[],[209,113,97],["D",1781106786763],[],[209,113,88],["D",1781106751380],[231,232],[209,113],"d8f2204c-b685-4239-96ce-2509fddc4c14",["D",1781106751380],[230,233,234,235],[209],["D",1781106751380],{"_11":12,"_168":83},{"_11":12,"_163":164,"_82":83,"_31":81,"_165":166,"_167":30},{"_42":151,"_13":16,"_36":39,"_152":116,"_153":72,"_154":155,"_156":120,"_157":158,"_159":160,"_161":14,"_162":12},"ctx",{"_55":-5,"_189":325,"_326":327,"_328":329,"_330":30,"_331":30,"_332":30,"_333":24,"_334":-5,"_335":-7,"_336":-7,"_337":26,"_338":30,"_339":30,"_340":-5,"_341":30,"_342":30,"_343":30,"_344":-5},"ENV",{"_296":297,"_298":299,"_300":16,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

History · components