Prototype: app.js checklist toggle and state #3

New issue

Open

opened 2026-03-28 02:08:53 +00:00 by forgejo_admin · 0 comments

forgejo_admin commented

2026-03-28 02:08:53 +00:00

Type

Feature

Lineage

Standalone — scoped from Daily 100 design spec.

Repo

forgejo_admin/daily-100

User Story

As a user
I want to tap items to toggle them done
So that I can track my daily progress

Context

8 hardcoded items: DoorDash ($100 earned), Pushups (100 reps), Jump Rope (100 reps), Pullups (100 reps), Lunges (100 reps), L-Sits (100 reps), 40-Yard Drills (100 lengths), Curls (100 reps). Each is a boolean toggle. Score is 0-8. Green left border on completed items. "DONE" label appears when checked. Mock data for heat map and stats cards.

File Targets

Files the agent should modify or create:

prototype/app.js -- toggle logic, score tracking, mock data for heat map and stats

Files the agent should NOT touch:

(none — greenfield)

Acceptance Criteria

All 8 items toggleable with tap
Score counter updates on toggle (0-8)
Green left border appears on completed items
"DONE" label shows when item is checked
Mock data populates heat map and stats sections

Test Expectations

Manual toggle testing in browser — each item toggles independently
Run command: open prototype/index.html in browser

Constraints

Vanilla JavaScript, no frameworks
Satisfying toggle interaction (visual feedback)

Checklist

PR opened
Tests pass
No unrelated changes

daily-100 -- project

### Type Feature ### Lineage Standalone — scoped from Daily 100 design spec. ### Repo `forgejo_admin/daily-100` ### User Story As a user I want to tap items to toggle them done So that I can track my daily progress ### Context 8 hardcoded items: DoorDash ($100 earned), Pushups (100 reps), Jump Rope (100 reps), Pullups (100 reps), Lunges (100 reps), L-Sits (100 reps), 40-Yard Drills (100 lengths), Curls (100 reps). Each is a boolean toggle. Score is 0-8. Green left border on completed items. "DONE" label appears when checked. Mock data for heat map and stats cards. ### File Targets Files the agent should modify or create: - `prototype/app.js` -- toggle logic, score tracking, mock data for heat map and stats Files the agent should NOT touch: - (none — greenfield) ### Acceptance Criteria - [ ] All 8 items toggleable with tap - [ ] Score counter updates on toggle (0-8) - [ ] Green left border appears on completed items - [ ] "DONE" label shows when item is checked - [ ] Mock data populates heat map and stats sections ### Test Expectations - [ ] Manual toggle testing in browser — each item toggles independently - Run command: open `prototype/index.html` in browser ### Constraints - Vanilla JavaScript, no frameworks - Satisfying toggle interaction (visual feedback) ### Checklist - [ ] PR opened - [ ] Tests pass - [ ] No unrelated changes ### Related - `daily-100` -- project