Minute to Win It
A game-night website: spin the wheel, read the game, start the official 60-second clock.
Play it: https://minute-to-win-it-pi.vercel.app
It's a plain static site (HTML, CSS and JavaScript, no build step), hosted on Vercel from this repo. Every push to main updates the live site.
Run it on your own computer
Double-click start.command in this folder. It starts a small web server on this computer and opens the game in Brave at http://localhost:8060. Leave the Terminal window open while you play; close it to stop.
(From a terminal you can also run ./start.command.)
The site has to run from a web server. YouTube videos won't play if you open index.html directly.
Hosting on Vercel
Import this repo in Vercel and keep the defaults: Framework Preset Other, no build command, output directory = the repo root. Nothing else is needed.
Each visitor gets their own copy of the games and scores, saved in their browser. Everyone starts with the 12 games in js/defaults.js, so edit that file to change what new visitors see.
Playing
- Spin. Click the wheel or press Space. Whatever it lands on comes off the wheel until you click Reset the wheel.
Want a particular game instead? Click Choose a game under On the wheel (or press G) and pick any game, even one that's been played or is hidden. It comes off the wheel just like a spin.
- Read the game. The instructions, what you'll need, and the video (if the game has one) come up. Not feeling it? Put back and spin again (for a chosen game, Spin the wheel instead).
- Who's up? (optional, needs 2+ players on the scoreboard) Click Who's up? or press P and a smaller wheel picks 1 to 4 players for the game. It mixes up matchups: it goes for people who haven't played in a game together yet, and among those, whoever has played the least. So you get as many different matchups as possible while everyone still plays about the same amount (someone may go twice in a row now and then). Being picked counts right away. Pick again picks a different matchup, and Put back and spin again gives the turns back.
- Start the clock. Press Enter or click the big button. The official timer plays full screen. (In a screen game the game fills the screen when the 60 starts, and the clock moves to the corner.)
- Time's up. Click a player or team to give them a point (whoever was up is listed first), then go back to the wheel. In a screen game, press Reveal first to show the answers.
- Crown the winner. At the end of the night, click Crown the winner on the scoreboard (it also pops up when every game has been played). A drum roll, then the podium. Start a new night sets every score to 0 and puts every game back on the wheel.
| Key | What it does |
|---|
| Space | Spin (on the wheel) |
| G | Choose a game to play without spinning (on the wheel) |
| Enter | Start the clock (on a game) / back to wheel (after time's up) |
| P | Pick who's up (on a game) |
| Esc | Go back |
| R | Restart the clock |
| F | Full screen |
| M | Sound effects on/off |
| 1–9, S, Backspace | Math Wizz "Shout it out": who got it, skip, undo |
Screen games
Three of the starting games play on the TV, so there's nothing to print or write up. The TV shows the game when the clock's 60 starts (the clock moves to the corner) and keeps the answers. At Time's up, press Reveal, then give points.
- Math Wizz. Pick a level on the game screen: Easy (single-digit + and −), Medium (two-digit + and −, times tables) or Hard (mixed, like 156 ÷ 12 or 48 + 37 − 19). New problems every round, all with whole-number answers.
- Paper: 20 numbered problems. Players write their answers on paper. Reveal fills in every answer.
- Shout it out: one big problem at a time. When someone shouts the right answer, press their number (1–9) or click their name. The answer flashes, then the next problem comes up. S skips a problem, Backspace undoes. The site keeps count, and See the results shows who got the most. If you used Who's up?, only those players get buttons.
- Pricing $. Five everyday products, A to E, prices hidden, all within about a dollar of each other. Players write the letters from cheapest to most expensive. Reveal flips the cards one at a time, cheapest first, with a drum roll.
- Memory Flash. 12 things show for 15 seconds, then turn over. Players write down as many as they remember. Reveal turns them back over.
In Manage games, Game type makes a game a normal game or one of these, and each screen game has its own settings:
- Math Wizz: which operations (+ − × ÷), how many problems on the Paper sheet, and whether answers can be negative.
- Pricing $: add your own products (name, price, and a picture or emoji) and turn starter products off. The 66 starter products are everyday things from 25¢ to about $6, at typical Canadian prices in Canadian dollars (groceries from Statistics Canada’s average prices), and no two share a price.
- Memory Flash: how many things to show, and for how many seconds.
If you played before the screen games existed, your saved Math Wizz and Pricing $ become the screen games automatically, and Cereal Puzzle becomes Memory Flash, as long as you hadn't changed them. Games you edited (and any other saved games or backups) stay exactly as they were. To switch an edited one, change its Game type, or use Restore original games.
Playing in teams
On the scoreboard, click Edit, then + Add players under a team and add its players one at a time (type a name, press Enter, type the next). Each player gets their own line, with an × to remove them. Then:
- Who's up? spins once for each team and picks one person from it, so it's one player vs one player (for example "Jordan vs Casey"). Use Per team to pick 2 or 3 from each team instead.
- Matchups rotate: Red's players face different Blue players each time until every pairing has happened.
- Points go to the team. Time's Up shows who played for each team.
- A team named after a color ("Blue Team") gets that color.
Don't add any players to a team to play as individuals.
Supplies and the shopping list
Each game can have a You'll need list of what one player needs, like "3 balloons" or "36 plastic cups". It shows under the instructions on the game screen as Each player needs, so everyone can see what to set up.
- Adding supplies: in Manage games, pick a game and type in Add an item under You'll need. Press Enter to add it, then type the next one. Each item gets its own line, with an × to remove it. Pasting a list adds one item per line. Start an item with a number ("3 balloons") so the shopping list can multiply it. An item without a number counts as 1.
- Shopping list: Manage games → Shopping list shows the supplies for every game on the wheel in one list, grouped by game (hidden games are left out). Print prints just the list, with a box to tick off each item.
- Players per game: the shopping list multiplies every amount by how many people play each game at the same time. With 2 players, "3 balloons" becomes 6 balloons and "1 straw" becomes 2 straws. It starts at your Who's up? number (with teams, that's the number of teams times the players picked from each). Change it with − and +; the site remembers it.
The 12 starting games come with their supplies filled in. Starting games in older saves and backups get these lists too. Games you added start with an empty list.
Editing games
Click Manage games (top right). You can add, edit, delete and reorder games, list what each game needs, paste YouTube links, add pictures, hide a game from the wheel without deleting it, and choose its game type. Changes save automatically.
Your games, scores and settings are saved in the browser (Brave, at localhost:8060). To move them to another computer or browser, use Manage games → Backup → Download backup, then Load a backup on the other side.
Restore original games brings back the 12 starting games.
The timer
- It uses the official timer video: https://www.youtube.com/watch?v=ebvtJCu33vM. It runs: logo (0–3s), 3-2-1 (3–6s), 60 → 00 (6–66s).
- Manage games → Timer and sound lets you change the video, where it starts (use 6 to skip straight to 60), and when "Time's up" shows.
- No internet? The site switches to a built-in look-alike countdown automatically. You can also choose it there.
Files
index.html the page
css/styles.css all the styling
css/screen-games.css styling for the screen games
css/supplies.css styling for "You'll need", the shopping list and its print view
js/main.js screen flow and keyboard shortcuts
js/screen-games.js the screen games on the timer screen (Math Wizz, Pricing $, Memory Flash)
js/screen-games-data.js their settings, starter products and memory items
js/screen-games-settings.js their settings in Manage games
js/wheel.js the spinning wheel
js/timer.js the countdown (YouTube video or built-in)
js/editor.js the Manage games window
js/supplies.js "You'll need" (game screen and editor) and the shopping list
js/scoreboard.js scores and points
js/picker.js the "Who's up?" player wheel
js/matchups.js who plays next (fresh matchups first)
js/winner.js the end-of-night podium
js/store.js saving to the browser
js/defaults.js the original 12 games and default settings
js/audio.js sound effects (generated, no audio files)
assets/ icon, link-preview image and game pictures
start.command runs the site locally (not deployed)
Fonts (Bungee, Barlow) load from Google Fonts. Without internet the site falls back to similar system fonts.
