DEV Community

Urban
Urban

Posted on

OpenHabitTracker is more user friendly now with better UI

OpenHabitTracker is a free, open source app for taking Markdown notes, planning tasks, and tracking habits. No account required, no ads, no subscription - all your data stays on your device.

It runs on Windows, Linux, Android, iOS, macOS, and in the browser as a PWA.


A cleaner, more configurable interface

The app now lets you hide the fields you don't use. Don't care about priorities? Turn them off. Don't use categories? Hide them. The settings are simple toggles and they make a real difference to how much visual noise you're dealing with day to day.

Notes, tasks, and habits each have their own background color, so you can tell at a glance what type of item you're looking at without reading the label.

There's also a filter to hide completed tasks, which keeps the list focused on what's still pending.


Weekly summary

Tasks and habits both have an optional stats panel showing your week at a glance - how many you completed, how much time you spent, and whether you're keeping up with your habits or falling behind.


Keyboard navigation

The menu sidebar follows the ARIA menu pattern - arrow keys move between items, no mouse needed. The habit calendar supports the full ARIA grid pattern: arrow keys to move between days, Home and End for the start and end of a week, Page Up and Page Down to switch months.

When you open a sidebar, focus moves into it automatically. When you close it, focus returns to where you were. It sounds like a small thing but it's the difference between an app that feels under control and one that constantly loses your place.


Accessibility

Every interactive element has a proper ARIA label. The layout uses semantic HTML landmarks - <nav> and <main> - so screen readers can navigate the page structure without hunting through the content. Decorative icons are hidden from assistive technology. Toggle buttons correctly reflect their state with aria-expanded. The active page in the navigation is marked with aria-current. The app is fully usable without a mouse.


20 languages, 26 themes

Besides English, German, Spanish, and Slovenian, the app is now also available in French, Portuguese, Italian, Japanese, Chinese, Korean, Dutch, Danish, Norwegian, Swedish, Finnish, Polish, Czech, Slovak, Croatian, and Serbian.

It ships with 26 themes in both dark and light modes.


Data can be exported and imported as JSON, YAML, TSV, or Markdown. Google Keep notes can be imported from a Google Takeout ZIP.

For the self-hosting community, there's a Docker image that runs a Blazor Server instance. Besides accessing it in the browser, any native version of the app - Windows, Linux, Android, iOS, macOS - can log in to your instance and sync, so your data follows you across devices without going through anyone else's servers.

Web: openhabittracker.net
PWA: pwa.openhabittracker.net
Source: github.com/Jinjinov/OpenHabitTracker

Top comments (0)