Project — a market price list

Make a single HTML page you would not be ashamed to show a shopkeeper.

Must include

1. A clear title and the market or shop name.
2. At least five items, each with a unit (rubber, crate, litre, trip).
3. A visible “Last checked” line. A button that sets it to today’s date is enough.
4. Readable type on a phone held in one hand.
5. No login, no stock photos, no fake company name.

A small script is enough

<p>Last checked: <time id="checked">—</time></p>
<button id="stamp" type="button">Mark as checked today</button>
<script>
  document.querySelector("#stamp").addEventListener("click", () => {
    const now = new Date();
    document.querySelector("#checked").textContent = now.toLocaleDateString();
  });
</script>

toLocaleDateString() follows the language of the device. That is better than inventing MM/DD for a country that does not write dates that way.

When you are done

Open the file on your phone. If you built it on a laptop, send it to yourself or host it using the Ship something track. Ask one person: “Can you tell me the price of the second item in five seconds?”

If they hesitate, the layout is the problem, not the person.

You now have the fundamentals. The next tracks assume you can change a page without fear.