Health Control: offline health tracker in vanilla JS My own project. A single-page app with no ba...Health Control: offline health tracker in vanilla JS My own project. A single-page app with no ba...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Andrey's avatar
Andrey Leshchenko
• 12h
Health Control: offline health tracker in vanilla JS
My own project. A single-page app with no backend: everything is calculated in the browser and the data stays on the computer. The cover shows six real tabs. The records on them are demo data — I do not show my own.
What works:
Daily records: food, training, sleep, wellbeing, body measurements.
Analytics: calories, protein and fibre, weekly totals, best and worst day.
A fill-quality score. "Don't remember" counts as an honest gap and lowers the day's score instead of being disguised as a filled field.
An RPG sheet: level, index, body map, progressions — so that keeping a diary is not boring.
Trend charts for weight, measurements and activity.
JSON export and import to move between browsers.
Stack: HTML, CSS, JavaScript. No frameworks, no build step.
Tracker data is never sent to a server: the working state lives in the browser's localStorage. The page does load external web fonts, so that claim is about user data, not about the total number of network requests.
Frontend DevelopmentCSSHTML5JavaScript
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started