sxsphinxstack

Projects / Countdown board

Countdown board

Use with: build-web-app. Resume line when done: Built {project_name}, a live countdown board for my real deadlines — {url}

Brief

One screen showing the dates you are counting down to, with days remaining on each: the exam, the season opener, your best friend's birthday, the license test. Add a date, see the board sort itself by what is soonest, and watch entries move to a "passed" section when their day arrives. Dates persist across reloads (localStorage is fine).

Personalize

Milestones

  1. Model in the README: what is an event, how days remaining is computed, what the board shows with zero events.
  2. Hardcoded list of your dates with correct day counts, deployed. Ugly is fine.
  3. Add and delete events in the browser; the list survives a reload; empty state designed.
  4. Sorting by soonest, plus the featured treatment for the top date.
  5. Edge cases: today shows as today rather than zero-with-no-label, passed dates move to their section, and a date typed backwards is rejected with a message.
  6. Set it as your browser start page for a week. Final README with what you added or removed after living with it.

Done means