SEMESTER : VII

SESSION : 2021-2022

MAJOR PROJECT ON :
TIME TRACKER APPLICATION BY :
UNDER THE GUIDANCE OF :
Srikant Sahoo - 1829199
Mrs. Mamata Motwani
Soumya Sai Biswal - 1829102
Assistant Professor
Naveen Singh Rajput - 1829070
School of Computer Engineering
Meghna Singh - 1829163
KIIT Deemed to be University
Shivam Kumar Gupta - 1829093
Bhubaneswar, Odisha
Contents
- Introduction - Application Snapshots

- Why this Project? - End Users

- What we learnt ? - Future Enhancements

- Software Requirements - Conclusion

- References
Introduction - What is this project about?

It is a chrome extension which is able to track and record your web activity ex: how
much time you are spending on which websites and on which time and date.
Accordingly it shows the data in various charts.
Why this project?

It is to track users activity and showcase their data infront of them in a user friendly
meaningful way. The users will be able to analyse where their most of the time is
going. Then they can take actions to remove those time killing websites from their
daily browsing and save time.

As rightly said Time == Money .

What we learnt?

Time tracking tricks and techniques and concepts related to it.

- HTML 5
- CSS 3
- Vanilla Javascript
- D3.js for charts
Software Requirements

- Google Chrome Browser

- VS Code
- Figma.com
- Sublime Text
- Git and Github
Application Screenshots

Installing the TimeTracker Chrome Extension.

- Go to chrome://extensions in your
browser
- Toggle the developer mode
- Choose load unpacked and select your
desired src/build folder
- The extension will be installed.
Application Screenshots
The front screen of the extension where

- There is a pie chart showing the time spent

in each of the websites and the total
percentage from whole time.
- We can toggle between today and all time
tabs.
- There is a list view for all websites visited
today.
 Application Screenshots

- This screen shows the list of all websites

and the total time spent in each.
- It also shows the visit count of each
website.
- It shows the total percentage of time spent
on each website as well
Application Screenshots

- This screen shows the all time stats

- The most active browsing date, the
most inactive day, the days in total etc
- It has a pie chart showing all top 10
time killing websites
- And also shows a list view of all the
websites.
End Users

End users are common people among us who specifically use desktop or laptop with a
chrome browser/ chromium based browser in it

Ex: Opera, Microsoft Edge, Google Chrome, Vivaldi users etc.

Future Enhancements/Plans

- We plan to add website blocking feature

- A settings page
- Having option to change it to dark theme
- Feature to export the user data to csv file/Excel.
- Add more charts to better visualise the users data
- ex: TimeCharts, Bar charts etc
Conclusion

We saw a significant improvement in our time management. We found out where

our time was going which was common for all the team members(Social media:
Linkedin, Facebook, Instagram etc).

So since we identified the time killing websites. Then we took better and informed
decisions about our online activity and were able to control our time on those
websites, instead utilised it in other productive websites.
References

- https://google.com
- https://github.com
- https://developer.chrome.com/docs/extensions/mv3/manifest/
- https://chrome.google.com/
- https://chrome.google.com/webstore
- https://www.javascript.info