Mindlessly browsing on the internet became a real problem when the pandemic hit and we were forced to sit in front of a computer. We wanted to create something that would allow us to be more aware of what distractions we could be wasting our time on.

What it does

Tab Tracker is a Chrome extension that simply keeps count of the time spent on every website. Designed to increase productivity, it lets you keep track of bad browsing habits that creep up when time could be better spent elsewhere.

How we built it

We used JavaScript and Chrome extension tools to build the core of this project. Chrome gave us the tools to the active tabs used and allowed us to store data locally on the Chrome browser using JavaScript.

Challenges we ran into

There were quite a few challenges that came with using JavaScript while being inexperienced in it. We initially had problems with storing data using Chrome that was caused by an incomplete understanding of JavaScript. Our biggest challenge was separating our project into a background script and a popup script, which consumed much of our time.

Accomplishments that we're proud of

With little experience in coding projects and hackathons, we're proud to just have submitted and completed a functional product in such a short time frame. Needless to say, it was a huge learning experience.

What we learned

Being our first hackathon project, we learned so much with this project. It introduced many concepts of JavaScript as well as using HTML and CSS with it. Equally as important, was learning what goes into creating a complete project and how many factors there are to consider other than the code.

What's next for Tab Tracker

We had lots of ideas that we didn't get to implement due to time constraints. We definitely want to implement a way to categorize the website data as well as add graphs to our Chrome extension popup.

Share this project: