A personal tool by the author · one HTML

I wanted my own tracker. So I made one.

I’m Vladimir, the maker of Kapsula. I made myself a tracker for cutting out sweets: days, a best streak and a short note about why. It works for me. You can make your own, with different rules and words.

The entire tool is one HTML file with CSS and JavaScript inside. Add it to Kapsula on Android or iPhone, then change it to suit you.

Download the author’s HTML Make your own with AI

The tracker file and interface are in Russian. Its rules and wording are my personal choices, not dietary advice. Replace them with your own.

Try the buttons · sample data

9:41▂▄▆ ▰

Web preview. These days are sample data, not my progress. Changes last until reload; there are no OS notifications here.

A few features, chosen for yourself.

A start date and elapsed days, recalculated from the date when you open it.
A best streak and a restart confirmation that keeps the record.
Your own rules and a personal reason, in your own words.
In Kapsula, state is saved in the project’s storage on the device.

Try it on your phone

Install Kapsula from Google Play / App Store.
Download the HTML above. In Kapsula, tap Add project and select the file. You can also paste the complete code using the HTML format.
Choose a date and write your reason. Close the project and reopen it to check the saved state.

Your own projects need Kapsula Pro: a monthly subscription or lifetime purchase. A seven-day trial is available to eligible users; the store shows current terms. The built-in demo is free.

About the evening reminder

The author’s version schedules one notification for the next evening and renews it when the tracker opens. After it fires, another one is not scheduled unless you open the tracker again. JavaScript does not keep running in the background; delivery depends on phone permissions and settings. Test the reminder on your own device.

Now make a tracker for your habit

Copy this request into your AI chat and replace the name and rules. This is a new prompt for a similar tool, not the original request behind my file. It starts without reminders so you can first check the counter and saved data.

Prompt for your own tracker

Build a personal habit tracker as ONE complete HTML file for Kapsula, with inline CSS and JavaScript. No Markdown fences, server, CDN, libraries or build step.

Let me choose a start date, see completed calendar days and my best streak, write my own reason and rules, and restart with confirmation while keeping the best streak. Use neutral editable labels; no medical claims. Use a mobile-friendly dark UI, accessible controls and safe-area padding.

In Kapsula, await window.kapsula.ready, then use await kapsula.storage.get('personal-habit-v1') and await kapsula.storage.set('personal-habit-v1', state). All bridge methods return Promises. Validate stored data and dates, reject future/invalid dates, and count calendar days without DST errors. Do not overwrite unreadable data or silently switch to localStorage after a bridge failure. Show save errors, preserve the input, allow retry, and block duplicate actions while saving. Display user text through textContent.

In a plain browser, a labelled localStorage preview is allowed. Browser records do not transfer to Kapsula. Handle unavailable storage explicitly. Refresh the day count when the app becomes visible.

Start without reminders. First verify saved data after reopening, restart/cancel, and best-streak preservation. For a later reminder feature, kapsula.notify.schedule({at: epochMs, title, body}) returns {id}; kapsula.notify.cancel(id) cancels it. These are one-shot notifications. JavaScript does not keep running in the background. Do not invent repeat/daily or Web Push APIs. A single next-evening reminder must be labelled as renewed when the tracker opens; handle permission errors and duplicates. Delivery depends on OS permissions and settings.

When updating an existing source, preserve its storage key and saved-data compatibility. Do not clear history. Return the complete HTML only.

Download text

Change whatever gets in your way

“Add my goal”, “Show weeks”, “Make the buttons bigger”. Give AI the previous source and ask it to keep the storage keys and data compatible. In Kapsula, use Update code in the same project’s settings so its storage stays with the project.

You could make a reading or guitar-practice tracker the same way. Start with what you actually need.