Inspiration
As ironic as it is, our productivity app began with our lack of it. We realized that, while it's everyone's wish to improve and learn, it's often difficult to become motivated to accomplish this goal-- especially under the influence of a horrid pandemic! Thus, we developed onTRACKer, a small chrome extension made to incentivize productivity!
What it does
OnTRACKer has one main goal: to encourage productivity by making the intangible tangible. This is accomplished in two parts. First, a watch tracks and records the amount of time that the user spends on educational and productive websites. Options are also available to disable and reenable the stopwatch, for special circumstances. Secondly, the extension also presents data of the previous days in a visual format, allowing users to see the trendline of their progress! OnTRACKer also includes a bookmarking page, for easy access to helpful sites.
How we built it
The project was made using HTML, css, JavaScript, and the Chart.js package
Challenges we ran into
On the backend, we ran into many challenges in javascript. For the stopwatch timer, the function we used had a timezone difference, giving a non-zero number of hours when resetting. Additionally, we also had trouble getting the charts to display on the chrome extension.
Accomplishments that we're proud of
While working with javascript was definitely our greatest struggle, it was also one of our proudest accomplishments. Neither of us had ever touched the language prior to this hackathon, so it felt great when we were able to build a functioning prototype using it!
What we learned
- How to animate using CSS
- How to create a chrome extension
- Basics of javascript
- Chart.js
What's next for onTRACKer
We hope to improve the stylizing of the extension, as well as add options for goal setting and keeping daily streaks!
Log in or sign up for Devpost to join the conversation.