Habit Note Sandbox

What is Habit Note?

Building a habit can be tough, especially if nobody is there to keep you in check. With Habit Note, you can track the progress of your habit and share your progress with someone that will keep you accountable.

Main inspiration

Design is shamelessly copied from the beautiful Loop - Habit Tracker by Álinson S Xavier (Github)

Awesome libraries I use to make this mini-app:

Drag-and-drop: Dragula by Nicolás Bevacqua (Github)
Color-picker: Spectrum by Brian Grinstead (Github)
Button animations: Hover by Ian Lunn (Github)
Calendar heatmap: Cal-heatmap by Wan Qi Chen (Github)
Datetime-picker: Bootstrap 3 Datepicker v4 by Eonasdan (Github)
Line and bubble chart: Chart.js (Github)
Star rating: star-rating-svg by Ignacio Chavez (Github)
Icons: Ionicons by Ionic (Github)
More Icons: Font Awesome (Github)

Version

1.2.1

Updates Note

Version 1.0.0
- First release
Version 1.1.0
- Fix bug: Sandbox's innaccurate Frequency and History charts & color picker
- Able to make a habit private
- Update CSS: Adjust frequency bubble size & fix page's margin
- Able to move between dates in main page
Version 1.2.0
- Able to choose habit repetition
- Implicit checking for non-daily habits
Version 1.2.1
- Bug fixes.

Future Development

() Implicit checking for non-daily habits
Habit strength for weekly, monthly, quarterly, and yearly intervals.

HABIT NOTE

Start by creating new Habit. :)

All of your inputs are stored locally. Refresh page to start over.