Immersion Tracker
Log the hours, watch the thousand-hour bar creep along.
BeginnerWeb appEducation6–14hAI-buildable 5/5no setup
Track language immersion time by activity type against a long-term hour goal. The motivating visual is a single very long progress bar, which reframes daily effort as visible movement toward something distant.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Log time by activity type such as listening, reading or speaking
- A timer can run live or time can be entered manually
- Progress shows against a long-term hour goal
- A breakdown by activity type shows the balance of practice
- Daily and weekly totals with a rolling average
- Multiple languages tracked separately
- Data persists and exports
The interesting part
- A progress bar for a thousand hours that still shows daily movement
- A live timer that survives reload and backgrounding
- Rolling averages that handle gaps sensibly
Once it works
- Add projected completion date from current pace
- Add per-activity goals to encourage balance
- Add a calendar heatmap of daily activity
Suggested stack
reacttypescripttailwindrechartslocalstorage