The Tracker is a web-application to track your time spent by activities.
- HTML5, CSS3, Bootstrap5, Vanilla JS
- Local storage mode available
Features:
- Responsive design
- Clear UI
- Demo and Live mode
- Local data storage in Live mode
How it works:
- Open the tracker in your browser. By default it runs in Demo mode. All entered data will be cleared on page reset.
- Switch on local storage mode to not loose your data. More about local storage: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API . If yoy switch off local storage mode, all tracker related data will be cleared from your browser.
- If the browser does not support local data storage, user see corresponding message in application header.
- You can seed the tracker with fake data or enter you data yourself by clicking "add new" button and filling the form. Note, the seeding is only enabled if there is no item in the tracker.
- To start tracking press "start" button on a corresponding activity card. You see a spinner within "hours" area. When you press "stop" button the tracking stops and hours value updates.
- Activity cards may be deleted one by one pressing corresponding "trash" button. Alternatively, you may switch off local storage mode and refresh page, all the data and cards are deleted.