Habit tracker app template
Live on Solta · licensed CC BY 4.0
What it is
A small habit app. Each habit has a name, an icon, a color and a target, from once a week to every day; daily habits count their streak in days, the others in weeks that hit the target. Tap a circle to mark a habit done today or on any of the last seven days. It shows how many are done today, how much of the last 30 days you managed against each target, check-ins so far, the best streak, and a heatmap of the last sixteen weeks. Habits can be edited, archived and deleted. The first open fills in five sample habits with about three months of history, and Start fresh clears them.
Who it's for
Anyone who wants a habit tracker without an account, ads or a subscription, and people who build small personal apps with AI and want them on their phone.
What you can change
You ask in plain words. These are the kind of changes people ask their AI for:
- “Replace the sample habits with mine: stretch, journal, no sugar after 8pm.”
- “Start the week on Sunday instead of Monday.”
- “Let me add a short note to each day I tick.”
- “Add a button that downloads my history as a CSV file.”
- “Change the colors to a dark green theme.”
How to make it yours
- Remix it. A copy lands in your library as a site of your own, at its own link. If you have no account yet, you are asked to make one, and the copy is made when you come back.
- Change it in Claude or ChatGPT. Add the Solta connector once, then ask for the change in plain words, for example: “In my Habit tracker, start the week on Sunday and let me add a note to each day I tick.” It reads the site's code, makes the change and saves it as a draft. The link keeps showing the old version until you publish.
- Publish. Ask it to publish, or publish from the site in your library. The new version goes live at the same link, so nobody needs a new one.
Questions
Where are my habits saved?
In the browser's storage on the device you use, under habit-tracker:v1. Nothing is sent to Solta or anyone else, so a phone and a laptop each keep their own copy, everyone who opens the link has their own, and clearing the browser's data clears the habits.
Can I put it on my phone like an app?
Yes. Turn on Install as an app in the site's settings (it is on every plan), open the link on your phone and add it to the home screen. It opens in its own window and works offline with the last version it loaded.
Related
- Install as an appA site on someone's home screen or dock, in its own window, working offline.
- Who can open itPublic, unlisted, password, invited, team, private — said in terms of what actually happens.
- Put a page you built with AI on your phone, like an appHome screen steps for iPhone, Android and a computer, and what makes a page installable rather than a bookmark.
- Product launch checklist templateOwners, due dates counted back from launch day, a countdown and a Markdown export.
Or start from what you already have
Paste the file your AI made, or publish it from the chat, and get a link of its own.