Web Time Tracker Extension that tracks how much time you have spent on each website you visit, so you can track if you are working or procrastinating by watching reels or yt
HI!!!
In the last update, I only have made the tabs for the Compare and Records.
But now, I made the Compare and Records tabs fully functional! The Compare tab now actively tracks your progress by comparing your current week’s usage against the last, giving you a percentage breakdown of how much your productivity has increased or your procrastination has dropped.
While the Records tab tracks your current and longest streaks, your best study day, total study time, and total focus sessions. To make the progress visual, I added some logic that assigns a fun “level-up” emoji to your streak: it starts at a sleepy 💤 if you’re just beginning, but as you hit 1, 3, or 7 days, it evolves into a full 🔥🔥🔥 to show YOU ARE DOING GREAT!!!
Next update: I still have to think about what new features I will add!!! But I think a feature for blocking entertainment sites while you are in a focus session would be great. However, I can only block things like Instagram, Facebook, or pirated drama/anime sites lol; I will have to figure it out because I can’t just block YouTube since some people watch lectures there. Also, I mainly made this extension because I couldn’t find any that combined a focus pomodoro with time tracking. Enough with the yapping!!! Have a great day everyone!
Log in to leave a comment
Hi
Today, I added the cards for the Leaderboard functionality.
The Leaderboard shows your top 10 websites for the week, plus some champion cards - most frequently visited site, top study site, and top entertainment site. I reused my existing renderThisWeek function to display the top 10, and wrote new logic to track the most frequent site.
For future work, I still need to add the Compare and Records tabs. Compare will show your study time vs entertainment time for this week compared to last week, and tell you if you’re being more or less productive. Records will track stuff like your longest streak, most productive day, and other personal bests.
Note: I know I am naming it as stats for my tab, I tried putting Leader Board there but it takes too much space and look congested so I decided to just write Stats instead :”)
Also, I had to reinstall the extension because of an annoying error, which means all my tracking data got wiped and the timer restarted from zero :”) I should probably add a backup/export feature so this doesn’t happen again!
Log in to leave a comment
Great
Spent 1hr 14m making focus pomodoro sessions, user now can set pomodoro timer of any durations for their work, all the focus session time will go into the user study/work time. User will also get long break after 4 sessions.
Also , streak badge will also be shown for focus sessions
Now, i think instead of showing the number of sessions in a day, i should show the time spent in focus sessions per day.
Note: (integrated my previous pomodoro code and make it work with the extension)
Log in to leave a comment
Moved the this week and this month time tracked tab in the time travel tab
Time travel tab is basically showing the time one spend on a certain day, week or month.
User can see their past data through time travel tab now
Next Feature:
Integration of the Focus pomodoro timer, all the focus time will be counted as study time
Log in to leave a comment
Made a pie chart , that shows the percentage of all the websites you are using.
Also made the stats for the sites in descending sorted order, so user can know the sites they use the most. Also added the month and week section ,where user can see the time they spend this week or month.
Added the study and procrastination cards, user will mark the websites they use for study and for entertainment ,and that data will be updated in respective card.
Upcoming feature:
now i will make new feature where user can find the time spent on specific day, week, or month.
Log in to leave a comment
I just finished the UI for my new extension and matched the design to the Flavortown dashboard.. It is a web time tracker that stays on your computer, but I added a special “Cooking Time” feature that specifically tracks how long you spend on flavortown.hackclub.com.
Btw, i really like cute UI of flavortown hack club and want to make websites like this one, i will probably make a focus app next with cute ui. I know my skills aren’t good, but i should try :”)
Log in to leave a comment
I setup the manifest.json (the heart of any Chrome extension) and initialized the project environment in VS Code. I also made the GitHub repository to track my progress and began coding the background script to detect when a user switches between tabs.
Log in to leave a comment