Pomodoro Focus Timer

by Matthew Rhys Barras (mbarras_ing) · model GPT-5.5 · raised 1,500 credits · spent 184 credits · refunded 1,316 credits · pool 0 credits

completed
-1
The prompt

Build a single-page Pomodoro focus timer web app using plain HTML, CSS, and JavaScript. Requirements: * No frameworks or external dependencies * Must work by opening index.html directly in a browser * Include a 25-minute work countdown * Include a 5-minute break countdown * Automatically alternate between work and break sessions * Include Start, Pause, and Reset buttons * Display the timer prominently in MM:SS format * Show a counter for completed work sessions * Update the browser tab title when a session ends * Use a clean, responsive design

Why this exists

Just a test 🙃

Milestones — actual cost 184 credits

#1 Concise Product Spec and UX Plandone

Produce a short implementation-ready specification covering timer states, work/break alternation behavior, button behavior, completed-session counting, browser-title update rules, responsive layout notes, and accessibility considerations.

est. 23 credits · actual 10 credits
#2 Single-File HTML/CSS/JS Implementationdone

Produce the complete no-dependency index.html file containing semantic HTML, responsive CSS, and vanilla JavaScript for the Pomodoro timer. The file will run directly when opened in a browser and include Start, Pause, Reset, MM:SS display, 25-minute work sessions, 5-minute breaks, automatic alternation, completed work-session counter, and tab-title updates.

est. 800 credits · actual 129 credits
#3 Manual QA Checklist and Edge-Case Passdone

Produce a practical browser testing checklist and review notes for timing accuracy, pause/resume/reset behavior, session transitions, title updates, completed-session counting, mobile layout, keyboard usability, and direct file-opening behavior.

est. 27 credits · actual 27 credits
#4 User Handoff Notesdone

Produce concise usage instructions, customization notes for changing durations or styles, and maintenance guidance for editing the plain HTML/CSS/JS file without build tools.

est. 18 credits · actual 18 credits

Artifacts (4 files)

Final version of each file (the "Milestone" column shows which milestone produced it). The .zip below includes every milestone's version.
Download all versions (.zip)
FileMilestoneSize
docs/product-spec-ux-plan.md2537119 B
index.html25421858 B
output.md2558861 B
USER_HANDOFF.md2566067 B

Public build log (live, every credit traceable)

2026-06-17 11:01All milestones complete. 920 unspent credits returned pro-rata to 1 backer(s) — you only pay for the inference the build actually used.
2026-06-17 11:01Milestone 2 delivered over 2 pass(es): 129 credits, 1 artifact(s)
2026-06-17 11:01Rebuilt `index.html` as a complete single-file Pomodoro app with inline semantic HTML, responsive CSS, and vanilla JavaScript. It now includes accurate 25-minute work and 5-minute break countdowns, Start/Pause/Reset controls, automatic alternation, completed work-session counting, MM:SS display, and browser tab title updates at each session transition. No external dependencies or SDKs are used; the only APIs to sanity-check in a browser are standard Web APIs such as `document`, `Date.now`, `window.setInterval`, and `window.clearInterval`.
2026-06-17 11:01Integration review passed across 1 file(s): The single-file HTML/CSS/JS deliverable runs directly in a browser with no missing dependencies or broken local references..
2026-06-17 11:00Mirrored 1 file(s) to github.com/matthewrhysbarras/fablepool-117-pomodoro-focus-timer @ e8ac606
2026-06-17 10:57Mirrored 1 file(s) to github.com/matthewrhysbarras/fablepool-117-pomodoro-focus-timer @ 7fec54d
2026-06-17 10:56Milestone 2 "Single-File HTML/CSS/JS Implementation" started (build target 360 credits, funded ceiling 800)
2026-06-17 10:53All milestones complete. 396 unspent credits returned pro-rata to 1 backer(s) — you only pay for the inference the build actually used.
2026-06-17 10:53Milestone 4 delivered over 1 pass(es): 18 credits, 1 artifact(s)
2026-06-17 10:53Delivered a concise handoff document covering usage, duration/style customization, and maintenance of the single-file plain HTML/CSS/JS app without build tools. There are no external dependencies, frameworks, package manifests, SDK calls, or third-party APIs introduced by this milestone, so there are no dependency APIs for a maintainer to double-check.
2026-06-17 10:53Integration review found 1 build-breaking issue(s) — funding a fix pass: USER_HANDOFF.md.
2026-06-17 10:52Mirrored 1 file(s) to github.com/matthewrhysbarras/fablepool-117-pomodoro-focus-timer @ f37773e
2026-06-17 10:52Milestone 4 "User Handoff Notes" started (build target 12 credits, funded ceiling 18)
2026-06-17 10:52Milestone 3 delivered over 1 pass(es): 27 credits, 1 artifact(s) — funded build budget reached
2026-06-17 10:52Milestone deliverable produced.
2026-06-17 10:52Integration review passed across 1 file(s): No build or run blocking defects found..
2026-06-17 10:51Mirrored 1 file(s) to github.com/matthewrhysbarras/fablepool-117-pomodoro-focus-timer @ 85aee8f
2026-06-17 10:50Milestone 3 "Manual QA Checklist and Edge-Case Pass" started (build target 18 credits, funded ceiling 27)
2026-06-17 10:49Milestone 2 produced no artifacts; marked failed.
2026-06-17 10:49Milestone 2 "Single-File HTML/CSS/JS Implementation" started (build target 36 credits, funded ceiling 54)
2026-06-17 10:49Milestone 2 re-queued for another build attempt (retry 2 of 2).
2026-06-17 10:49Postmortem (milestone 2): The previous build did not deliver any files, so there was no timer to review or test. The re-run will create the required index.html first and make sure the main timer controls, session switching, counter, and browser-tab updates are working before adding polish.
2026-06-17 10:49Milestone 2 produced no artifacts; marked failed.
2026-06-17 10:49Milestone 2 "Single-File HTML/CSS/JS Implementation" started (build target 36 credits, funded ceiling 54)
2026-06-17 10:49Milestone 2 re-queued for another build attempt (retry 1 of 2).
2026-06-17 10:49Postmortem (milestone 2): The previous build ended without producing the required HTML file, so there was nothing to review or run. The re-run will focus first on delivering a complete self-contained index.html, then verify the timer controls, session switching, counter, and tab-title updates work in a browser.
2026-06-17 10:49Milestone 2 produced no artifacts; marked failed.
2026-06-17 10:46Milestone 2 "Single-File HTML/CSS/JS Implementation" started (build target 36 credits, funded ceiling 54)
2026-06-17 10:46Milestone 1 delivered over 1 pass(es): 10 credits, 1 artifact(s)
2026-06-17 10:46Delivered a concise, implementation-ready product specification and UX plan for the Pomodoro Focus Timer. It covers timer states, automatic work/break alternation, controls, completed-session counting, tab-title behavior, responsive layout, and accessibility expectations. No dependencies or SDK/API calls are used in this milestone, so there are no third-party calls to double-check.
2026-06-17 10:46Integration review passed across 1 file(s): No blocking build-or-run defects found for this documentation-only milestone..
2026-06-17 10:46Mirrored 2 file(s) to github.com/matthewrhysbarras/fablepool-117-pomodoro-focus-timer @ 6389f46
2026-06-17 10:45Milestone 1 "Concise Product Spec and UX Plan" started (build target 15 credits, funded ceiling 23)
2026-06-17 10:42Draft plan ready: 4 milestones, est. total 122 credits (1.5x cushion over token estimates). Edit the milestones and token estimates, then submit for review.
2026-06-17 10:42Planning cost 7 credits (451 in / 1927 out tokens)
2026-06-17 10:41Planning started (model: GPT-5.5)
2026-06-17 10:41Generating a draft plan (free for subscribers)…

Comments (0)

Sign in to comment.
No comments yet.