top | item 40411303

Show HN: I spent 20 minutes using ChatGPT4o to generate an Online Tally Counter

2 points| letsgocn | 1 year ago |onlinetallycounter.com

The code was entirely generated by ChatGPT4o, using Tailwind CSS and JavaScript.

Online Tally Counter Key Features

Multi-Counter Management: Easily add and delete multiple counters to meet your diverse needs.

Custom Naming: Each counter can be uniquely named for easy identification and management.

Automatic Data Saving: Your counter tally is automatically saved to your browser on your device. Please note that clearing your cache will result in data loss.

No Installation Needed: No app installation required; simply access and use it directly through your browser without needing to register for an account.

ChatGPT4o is becoming increasingly powerful.

2 comments

order

perilunar|1 year ago

Nice! Pretty amazing that ChatGPT can do that. I'd be interested in what prompts you used, and what you had to specify e.g. did you have to tell it to use Tailwind and localStorage, and what font and colors to use? Did it generate the text also?

Criticism: at 3.3 MB it's pretty large for what it does (though most of that is Tailwind, the rest is pretty lean).

Suggestions:

1. move the text to an overlay or a separate page — it's pretty verbose and makes the page cluttered.

2. make the + and - signs in the buttons bigger/bolder (and make the minus sign a true minus instead of a hyphen-minus, so it matches the width of the plus sign).

3. the buttons are off centre because of the reset/delete links, which feels a bit off. Maybe add some equivalent whitespace to the left to re-center them.

4. the privacy page mentions Google Analytics and cookies, but there's no GA on the page and no cookies set.

8organicbits|1 year ago

I noticed that I tapped a little too softly and it didn't always register. If you need an accurate count then you need to be sure each tap is registered. Physical counters make a tactile click to solve this problem.