GitHub inspired "streak" app in 20 mins

Today we’re building “streak counter” web app using AI tools

What it is

This is a GitHub-inspired streak counter. It could be used for anything like coding, running, meditating—whatever!

Model

Claude 2 from Anthropic 

URL 

https://streak-eta.vercel.app 

Prompt

Help me create a streak counter like what you see in GitHub. I want to be able to use this streak counter for things like social media posts, working out, and much more. It needs to look visually stunning like the GitHub tracker as well. But let's keep it simple. Ideally we could somehow code it and host it on a Vercel URL. But we need some mechanism that's super easy to add to it with it keeping track of whatever the ask is. Please help me write ALL the code for this, explain why, and be thorough. 

Building the app

• I had the initial prompt and it gave me some decent code.

• After that, I had to ask it to give me a better design a few times.

• A major difference between ChatGPT and Claude is that Claude tends to not give you the full code… you need to ask it several times.

• So after a few rounds of this, I was able to get it in a decent spot.

• I think it did a good job from the initial prompt and then I just had to guide it to give me a bit better design and the “reset” button.

Source code

https:/-github.com/joshuavoydik/streaktreak