The request
Beach walk tide planner web page
Read the full request
Build a self-contained static web page, with no backend and no external packages, that helps plan beach walks around a bundled tide table. Bundle a hardcoded table of high and low tides for seven consecutive days (at least four tide events per day with times and heights in metres). The page shows a day selector, a simple chart of the tide height over the selected day drawn with inline SVG, and a "safe walking windows" list computing the periods when the tide is below a threshold the person sets with a numeric input (default 1.2 m), each window with its start and end times. Changing the day or the threshold updates the chart and the list without a reload. All controls are usable with the keyboard only, and the layout works at 375 pixels wide with no horizontal scrolling and at 1280 pixels wide. Include a short README explaining the data format and how to open the page. Completion is observable in a real browser: selecting a day redraws the chart, changing the threshold changes the listed windows, and the page lays out at both widths.
The journey
- Read the requestTurned it into a list of things it would have to prove before calling the work done.
- Did the workPlanned the pieces, built them and checked the result as it went.
- Sent back by the final reviewThe last check did not accept the first result, and said what was missing.
- CorrectedThe missing parts were fixed and the work was checked again.
- Delivered2 files handed over.
The result
- index.html8.8 KB
- README.md990 B