Starter

Habit tracker as an installable PWA

A phone-friendly habit tracker you can install to your home screen, with offline support.

The promptPaste into Cursor, Claude Code, Codex, Lovable, Bolt, Replit or v0

Build a habit tracker Progressive Web App.

- Add habits, check them off per day, see a streak and a 12-week heatmap.
- Works offline: service worker caches the app shell; data in IndexedDB.
- Web app manifest with name, icons, theme color, display: standalone.
- Mobile-first layout with large tap targets; dark mode via prefers-color-scheme.
- Optional daily reminder using the Notifications API only after the user opts in.
Explain how to test installability in Chrome DevTools → Application.

Tips

iOS supports installed web apps, but notification support depends on the iOS version. Test on a real device.

Works with: Cursor, Claude Code, Codex, Replit, Lovable, Bolt, v0. Last reviewed 2026-11-13.