The Productivity Tracker

• 

  Site Image

Inspiration

We wanted to go on the theme of productivity and find a way to honestly measure the productivity of a person. Most applications are more of planners and they're sole purpose is to plan out your day, we want to track it. Similar to an apple watch tracking your physical activities, this should also do it for ease of access for people don't have tracking devices.

What it does

It is supposed to track your activities individually and then make different graphs that should compare the statistics between them. You get to chose your activity, chose between productive and non-productive, and then start a new activity when you finish your current one. There is no option to end activity so that once you finish your current, then it leads directly to your next one, not missing a second in the day. It will also assess the whole day and for the next day, it will give you a pdf which you can download to observe your stats.

How we built it

We used VS Code to integrate HTML/CSS/JS as the frontend of the webpage and then use python and flask for the backend of the webpage. The javascript plugins allowed the creation of graphs.

Challenges we ran into

Some challenges we ran into was that after a ton of tries, the graph didnt render when using matplotlib in python so we swapped to javascript plugins instead.

Accomplishments that we're proud of

We are mainly proud of the function that checks the live time and then the next day, it will give a pdf report with graphs on the previous day. We changed the time settings and it worked!

What we learned

We learned time management skills, going for specfically what we need to know, we learned more CSS and using divs and then we learned chart.JS and JSpdf

What's next for The Productivity Tracker

Implementing more graphs and a more calendar based approach so that you can see your productivity improvement over time.

Built With

• chart.js
• css
• flask
• html
• javascript
• jspdf
• python