A simple time-tracking app, modeled after BubbleTimer.
- Highlight rows on mouse-over
- Better padding for activity-name cells
- Custom scrolling for the grid
- Pretty checkboxes
- Add/remove/edit activities
- Support multiple/infinite days
- Reorder activities
- Exceptions for DST, TZ changes, whatnot
- Login and authentication
- Backend
Future Work
- Shift-click to select multiple segments in one row
- Scrolling improvements: Animation
- React Motion is an option
- React Spring is another
- Scrolling improvements: Button to move +/- 6 hours
- Dynamically change the number of hours displayed based on the screen width
- Ctrl-click to select multiple activities for the same segment
- Follow the npm configuration instructions for Font Awesome Pro.
- Generate static CSS files by running
npm run build:css.
- earth yellow:
#E4B363rgba(228, 179, 99, 1) - gunmetal:
#253237rgba(37, 50, 55, 1) - middle purple:
#DB85C9rgba(219, 133, 201, 1) - pastel red:
#EF6461rgba(239, 100, 97, 1) - platinum:
#E8E9EBrgba(232, 233, 235, 1)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent