Bzzdex
← Make an app

Water tracker

Tap a glass every time you drink one · Daily ○○

Change these if you like

Prompt

Make a water tracker with a target of 8 glasses, shown as a bottle filling up. Make it a single HTML file that opens in a browser with nothing to install and no other files. Put the CSS and JavaScript inside it. Do not use image files or any external address; use emoji or letters if you need a symbol.

One big button adds a glass. A smaller one takes the last one back for mistakes.

The main thing on screen is how full I am, shown as a picture rather than a number. Add the number underneath in smaller text.

Reset to empty at midnight, and keep the last seven days as a small row underneath so I can see the pattern.

When the target is reached, say something brief and pleasant. Do not keep congratulating me for every glass after that.

Everything stays in my browser after it is closed.

When you are done, check that crossing midnight starts a new day without losing yesterday.

What it uses: One file only · Say what it is first · Decide what shows

If the day does not roll over, ask it to "compare the saved date with today on every load".


Paste what came back

Also save the prompt you used (optional)

Paste what you typed into the AI. You decide later whether anyone else sees it.

0

You might also like