All demos
Hard

Habit Tracker

Track daily habits on a GitHub-style heatmap with streaks. Check-ins are stored as arrays on each habit record.

GETPOSTPATCHDELETE Mobile viewContribution heatmapStreak mathsNested arrays
Full screen Download code
leaf-api-habit-tracker/index.html

The zip contains index.html, styles.css, app.js, seed.js, helpers.js, error.js and leaf-api.js, which holds every Leaf API call. Open index.html with no build step and it looks exactly like this page.