Hopper

Every bill needs a home.

loading bills… (stuck? serve this folder: python3 -m http.server)
free · no sign-up · a round takes 2–4 minutes
what is it?
built with claude · free in the browser · bills from congress.gov

Congress files thousands of bills a session. Here each one floats out of the Capitol dome on a balloon, one every 5 seconds, and you drop it in the bin for its policy area before it lands.

Try one bill
2–4 minute rounds · mouse or touch · esc to pause · every bill explained after the round

Every bill has exactly one policy area

Analysts at the Congressional Research Service read each bill and file it under one of 32 policy areas. Hopper uses 8 of them. Every card says what its bill would do. The crate only blushes its bin's colour near the ground, so reading is the faster way.

25 rightthe dome is finished and Freedom goes on top
3 wrong in one bingridlock: the round ends under a rain cloud
0 for a missa bill that lands on the lawn is just gone
loading a bill…

You don't choose the bill. You choose the bin.

The Capitol launches the next bill every 5 seconds. Four steps, then the details.

  1. Read the card

    Each bill's card shows its title and one plain line about what it would do. The same line sits in the bar at the bottom of the screen.

  2. Drag it to a bin

    Drop the crate on the bin for its policy area. Green means right. Red is a strike, and the right bin glows gold so you learn it.

  3. Beat the colour

    Near the ground the crate blushes its bin's colour. Reading is faster, and the end card counts how often you sorted before the hint.

  4. Open your docket

    25 right finishes the dome; 3 strikes in one bin is gridlock. Then open every bill you handled to see what it would do and how far it has gotten.

Everything you'll see

Balloon

every 5 scarries one bill down from the dome

Title card

title + what it doesone plain line from the official summary, repeated in the bottom bar

Colour hint

last third of the fallthe crate blushes its bin's colour near the ground; reading the card is faster

Green glow

+1the balloon pops and the dome gains a ring

Red flash

1 strikethe right bin glows gold so you learn it

Streak

resets on a miss or strikeeach right answer in a row rings a note higher

Gridlock

3 strikes in one binthe round ends under a rain cloud

Your docket

after every roundeach bill you handled, mistakes first: what it would do, where it is in Congress, who's behind it

Pause

esc, p or the buttonthe scene hides while paused so nobody reads ahead; switching tabs pauses too

Statue of Freedom

25 rightlowers onto the finished dome, with fireworks

Eight bins, one right answer each

Each bin is a policy area from Congress.gov. The examples come from the bills loaded right now.

Build log

Each entry is one working session with Claude. Line counts come from the files.

Day 1oct 21

Empty folder to a playable sorter: eight bins, live bills from Congress.gov with a 40-bill sample fallback, drag and drop, win, lose and restart. A headless test played full rounds before anyone opened a browser.

~940 lines · 0 image files · 1 bug caught by the test before launch
Day 2oct 22

Hopper. The Mall becomes a floating island, the Capitol launches bills and builds its dome one ring per right answer, every sound is synthesized in code, and this page.

8 modules · 2,238 lines · 0 image files · 0 audio files
Day 2later

Real bills: 120 from Congress.gov, 15 per bin, with the 118th Congress as backup. The HUD moved into bars so nothing covers a bill. Pause. Every card now says what its bill would do, the colour hint arrives late, and Your Docket explains every bill after the round.

9 modules · 2,859 lines · 105 of 120 bills with an official summary · 0 AI-written bill summaries
0sorted / 25
0missed